OpenCart PageSpeed - 在首屏内容中消除渲染阻止JavaScript和CSS

时间:2014-05-04 09:14:40

标签: javascript css opencart render pagespeed

我改进了Google pagespeed工具报告的许多问题,现在主要问题如下: 在首屏内容opencart中消除渲染阻止JavaScript和CSS

我正在使用OpenCart并且没有完全理解如何解决问题,以及在进行此更改后如何准确防止导致问题/消失/等等。

你有关于如何处理它的建议吗?一个特定的JS解决了它?一个教程,将为我解决问题?

我在Youtube和Google上尝试了一些,但并不清楚如何处理它。

目前,这是Google的网站状态和上次报告:

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fswing-and-play.com%2F&tab=desktop

2 个答案:

答案 0 :(得分:3)

我不熟悉OpenCart,但基本上这个警告意味着你在页面加载时加载了很多js / css文件。

这是阻止页面呈现,直到加载所有js / css文件。为了解决这个问题,你需要做几件事:

  1. 将concat js / css文件分成1-2个文件并缩小它们 - 这样可以减少http请求的数量并加载页面的时间。
  2. 如果可能,将js文件移到底部,就在关闭正文标记之前。

答案 1 :(得分:1)

好吧,你应该先将所有的javascript放在html文件的末尾,就在结束BODY标记之前。如果不这样做,则意味着浏览器将在继续渲染屏幕之前等待下载文件,从而激发用户更长的等待时间。 然后,你应该将它们全部组合成只有一个文件,因此只有一个http请求。 然后,你可以缩小它们以节省额外的千字节。