为什么我的页面加载如此缓慢?

why is my page loading so slowly?

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

加载速度非常慢,我不知道为什么。我已尽可能压缩图像并将视频文件作为 webm 提供,但重新加载页面需要几分钟才能加载!

我是不是遗漏了什么,因为某些原因,当我查看元素何时加载时,有些图像甚至在 30 秒后才开始加载。这一切都意味着我的加载程序会持续一段时间。 (我有等到图片加载功能)

任何建议将不胜感激:)

你的服务器有足够的果汁吗?对您的服务器执行 ping 操作需要 71 毫秒,而当我对您的政府服务器执行 ping 操作时,大约需要 31 毫秒。

当我检查您网站的网络选项卡时,一张大约 155kb 的图片加载大约需要 1.2 秒。

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

网上有很多有用的工具可以帮助您:

Google pageSpeed for one and GTmetrix另一个。使用这些工具来分析可能导致您的网站变慢的原因。

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

Google 的 Inspector 在帮助诊断瓶颈等方面也非常有用。这是另一个可能对您有帮助的 link:

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

此外,我看到您正在使用各种库,例如 owl carousel、Parallax 和 fitvids,仅举三例。我会尝试并至少使用 cdn 版本:CDN 是一种根据人们的地理位置更快、更有效地从您的网站或移动应用程序向他们提供内容的方法。

此外,请研究图像的延迟加载。

打开您浏览器的开发工具并找出答案。

浏览器仅允许来自 1 个域的 4(最多)个并发下载。因此,当浏览器下载这些内容时,它会阻止其他内容。

将您的脚本/图像移动到子域或 cdn,或者只执行下面 post 中列出的操作。

Get number of concurrent requests by browser