我的JS的任何方面是否会导致我的网站加载速度非常慢?

时间:2015-12-02 22:57:52

标签: javascript html css

我的网站http://www.denarri.com/突然需要15-20秒才能加载,而我最近没有对其进行任何更改。我已经在各种设备/操作系统/浏览器上收到用户的相同投诉。

我尝试使用Google的PageSpeed Insight工具,它发现的唯一主要问题是其中一张图片没有经过优化,但这只会节省450kb,我怀疑这会导致网站加载速度这么慢。

是否有任何使用"查看页面来源"这表明可能导致这种情况的原因是什么?很高兴提供我的JS的特定部分,只是不想在这里发布一堆代码。

1 个答案:

答案 0 :(得分:8)

我已经加载了您的页面,并使用 Google Chrome DevTools 检查了加载速度慢的原因,正如您在下面的屏幕截图中看到的那样,主要问题在于加载那个沉重的背景图片(http://www.denarri.com/img/Background%20photo%20coffee.jpg - 它几乎 8MB !)。

Google Chrome DevTools screenshot

注意:还有另外一张图像(http://www.denarri.com/img/screenshot.png)需要几秒钟才能加载。

您必须小心网站上的图片,因为它们会导致它们花费一些时间来加载。