标签: javascript html css
我的网站http://www.denarri.com/突然需要15-20秒才能加载,而我最近没有对其进行任何更改。我已经在各种设备/操作系统/浏览器上收到用户的相同投诉。
我尝试使用Google的PageSpeed Insight工具,它发现的唯一主要问题是其中一张图片没有经过优化,但这只会节省450kb,我怀疑这会导致网站加载速度这么慢。
是否有任何使用"查看页面来源"这表明可能导致这种情况的原因是什么?很高兴提供我的JS的特定部分,只是不想在这里发布一堆代码。
答案 0 :(得分:8)
我已经加载了您的页面,并使用 Google Chrome DevTools 检查了加载速度慢的原因,正如您在下面的屏幕截图中看到的那样,主要问题在于加载那个沉重的背景图片(http://www.denarri.com/img/Background%20photo%20coffee.jpg - 它几乎 8MB !)。
http://www.denarri.com/img/Background%20photo%20coffee.jpg
注意:还有另外一张图像(http://www.denarri.com/img/screenshot.png)需要几秒钟才能加载。
http://www.denarri.com/img/screenshot.png
您必须小心网站上的图片,因为它们会导致它们花费一些时间来加载。