由开源软件构建的网店加载时间缓慢
Slow loading time for a eshop built by an open source software
我正在做网店,加载时间很长
所以我查看了分析工具
https://gtmetrix.com/reports/be-pure.com/XxvAiYMJ
和
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fbe-pure.com%2F&tab=desktop
问题是站点似乎在实际下载资源之前等待几秒钟。有什么方法可以跟踪是否有任何 JS 编码/PHP 编码占用了大部分时间?或者任何调试方法
非常感谢您的帮助。
我查看了您的网站并启动了 Google Chrome 的开发人员工具。从那里我导航到网络选项卡并查看了传入的请求。
问题不在于您的服务器端代码,而是您有太多阻塞 Javascript 和 CSS 文件。例如,请看下图:
我知道上面的图片看起来有点小,但您的页面只在红色箭头所在的位置开始呈现!如果您像 Google 的 PageSpeed suggests 那样操作并缩小并合并您的 JS 和 CSS 文件,您将只有 2 个请求而不是 87 个请求!
请记住 CSS 和 JS 是 blocking 资源,浏览器需要先下载它们才能开始呈现页面。
我还彻底推荐做 Googles Pagespeed 建议的所有事情 - 它真的会对您网站的性能产生影响!
我正在做网店,加载时间很长
所以我查看了分析工具
https://gtmetrix.com/reports/be-pure.com/XxvAiYMJ
和
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fbe-pure.com%2F&tab=desktop
问题是站点似乎在实际下载资源之前等待几秒钟。有什么方法可以跟踪是否有任何 JS 编码/PHP 编码占用了大部分时间?或者任何调试方法
非常感谢您的帮助。
我查看了您的网站并启动了 Google Chrome 的开发人员工具。从那里我导航到网络选项卡并查看了传入的请求。
问题不在于您的服务器端代码,而是您有太多阻塞 Javascript 和 CSS 文件。例如,请看下图:
我知道上面的图片看起来有点小,但您的页面只在红色箭头所在的位置开始呈现!如果您像 Google 的 PageSpeed suggests 那样操作并缩小并合并您的 JS 和 CSS 文件,您将只有 2 个请求而不是 87 个请求!
请记住 CSS 和 JS 是 blocking 资源,浏览器需要先下载它们才能开始呈现页面。
我还彻底推荐做 Googles Pagespeed 建议的所有事情 - 它真的会对您网站的性能产生影响!