为什么我的页面加载速度如此之慢?

时间:2017-07-08 13:54:26

标签: javascript jquery image-preloader

我的网站:http://jgyboatparty.com/

加载速度非常慢,我无法弄清楚原因。我已经尽可能地压缩了图像,并将视频文件作为webm提供,但是重新加载页面需要几分钟才能加载!

我在这里遗漏了一些东西,因为出于某种原因,当我看到元素加载时,一些图像甚至开始加载直到30秒。这都意味着我的装载机会持续一段时间。 (我等到图像加载功能)

非常感谢任何建议:)

3 个答案:

答案 0 :(得分:1)

你的服务器有足够的果汁吗?当ping你的服务器需要71ms,当我ping你的政府服务器时,它大约是31ms。

当我检查您网站的网络标签时,图片大约为155kb,加载大约需要1.2秒。

提高速度的步骤可能会缩小所有脚本。 不要一次加载所有内容。

答案 1 :(得分:1)

网络上充满了有用的工具,可以为您提供帮助:

Google pageSpeed表示其中一个而GTmetrix表示另一个。利用这些工具分析可能导致您的网站变慢的原因。

此外,确保所有图像都经过适当优化。另一个可能有用的工具是Tinypng

Google的Inspector对于帮助诊断瓶颈等也非常有用。这是另一个可以帮助您的链接:

https://developers.google.com/web/tools/chrome-devtools/network-performance/

另外,我发现你正在使用各种库,例如owl carousel,Parallax和fitvids来命名三个。我希望尝试并至少使用cdn版本:CDN是一种根据地理位置更快,更有效地将内容从您的网站或移动应用程序传递给人们的方式。

另外,请查看图像的延迟加载。

答案 2 :(得分:0)

打开你的broswer开发工具并找出答案。

浏览器仅允许1个域的4次(最大)并发下载。因此,当浏览器下载它们时,它会阻止其他浏览器。

enter image description here

将您的scrips /图像移动到子域或cdn或只是执行下面帖子中列出的内容。

Get number of concurrent requests by browser