如何提升网站打开的速度?可以从哪些方面入手

检查测试您的网站打开速度表现,因为每一秒都很重要 检查常见问题区域 – 页面请求和媒体文件大小 – 但要谨慎对站点缓存进行更改。 几年前,亚马逊报告说,他们的网站速度每增加100毫秒,他们就会发现收入增加了1%。随后谷歌宣布网站的页面加载速度是网站在Google搜索结果中排名的一个因素。 优化网站页面加载速度 WP网站建设

检查测试您的网站打开速度表现,因为每一秒都很重要

检查常见问题区域 – 页面请求和媒体文件大小 – 但要谨慎对站点缓存进行更改。

几年前,亚马逊报告说,他们的网站速度每增加100毫秒,他们就会发现收入增加了1%。随后谷歌宣布网站的页面加载速度是网站在Google搜索结果中排名的一个因素。

优化网站页面加载速度的过程可能是一个永无止境的过程,就像在跑步机上跑步一样。页面速度优化总是有改进的余地,因此永远不会完全令人满意。也就是说,这里有一些提高负载速度的步骤。

最小化HTTP请求

根据雅虎的一个版本,80%的页面加载时间用于下载网页的各个部分,即样式表,图像,脚本等。

由于对这些元素中的每一个都进行了HTTP请求,因此页面具有的页面组件越多,呈现的时间就越长。

尝试最小化请求时的第一步是缩小请求数量和网站实际完成的请求数量并对其进行基准测试。

借助Google Chrome,浏览器的开发者工具允许用户查看网站发出的HTTP请求数。要查看网站使用户可以执行的HTTP请求数:

  1. 右键单击需要分析的页面,然后选择Inspect。
  2. 单击“网络”选项卡。
WordPress网站建设

如果“网络”选项卡不可用,您可能需要将左边框进一步向左拖动并展开侧边栏。

“名称”列表示页面上的文件。每个文件的大小显示在“大小”列下,加载每个文件的估计时间显示在“时间”列下。

页面的左下角取代了网站发出的请求总数。用户可以通过减少此数量来加快其网站的加载时间。最直接的方法是查看文件集并识别那些可能被认为是不必要的文件。

虽然可能需要一些时间来观察明显的差异,但可以轻松地将一些文件视为合并的主要候选者。

使用脚本进行异步加载

诸如JavaScript和CSS之类的脚本可以以两种不同的方式加载 – 同步或异步。同步加载涉及一次加载一个片段,其顺序与屏幕上显示的顺序相同。在异步加载中,脚本同时加载,这有助于加快进程。用户还可以优先加载特定元素,而无需等待外部源加载。

如果浏览器找到异步CSS文件或JavaScript,页面加载将暂停,直到完全加载相关存档。但是,对于异步数据,浏览器将继续加载其他页面元素。

对于WordPress,用户可以在使用WP Rocket的静态文件选项卡时检查除了渲染阻止CSS / JS之外的选项。

您还可以使用Javascript中的async或defer功能直接加载CSS或JS文件。下面是异步选项的示例:

<script async src =“script.js”> </ script>

保存更改将允许用户验证所有内容是否按预期加载。

减少服务器响应时间

确定网页加载速度的一个重要因素是域名系统查找所需的时间。DNS查找是识别记录中的特定网站名称的过程。可以将其想象为引用电话簿以获得联系号码的计算机。

此步骤所需的时间取决于用户的DNS提供商的速度。如果用户发现这不够快,可能是时候更换为更快的DNS服务提供商了。为了帮助选择DNS提供商,您可以参考DNS速度比较报告,例如来自SolveDNS的报告,该报告提供每月更新,对不同提供商的速度进行排名。

WordPress网站建设

利用内容分发网络(CDN)

在CDN上托管媒体文件是提高网站速度的最佳方式之一。仅此过程可以节省高达60%的带宽,并将站点发出的请求数量减少50%。

CDN通过在不同地理区域的广泛服务器网络上托管文件来工作。因此,当站点从世界上的特定区域接收访问者时,它从最靠近它们的服务器下载文件。由于带宽分布在广泛的服务器网络上,因此单个服务器上的负载大大减少。这也可以保护网站免受流量和DDoS攻击的激增。

缓存可以提供帮助,但要小心

加速网站的有效方法是利用缓存。缓存是网站的短期记忆。当您第一次访问站点时,会保存所请求文件的副本。这些“缓存”文件将在以后访问期间显示。

但是,用户在考虑此选项时需要小心。鉴于缓存会向重复访问者显示以前保存的站点版本,因此它们可能包含过时信息。包含诸如购物车或社交媒体馈送(如eBay和Twitter)等方面的动态网站可能特别成问题。

幸运的是,大多数插件会定期自动清除缓存; 但是,用户可能需要一次又一次地手动执行此任务。如果服务器正在使用Varnish Caching,则可以通过免费的Varnish HTTP Purge插件轻松完成此任务。

减少图像和视频优化的文件大小

图像和媒体文件是网站资源中最大的漏洞。HTML5视频播放器和相关的媒体文件可以帮助您大大压缩文件的大小。虽然它们确实使网站看起来很有吸引力并且可以补充文本内容,但它们还需要更大的带宽和服务器空间份额。在考虑可能包含许多高清图像的在线商店或投资组合等网站时,这一点尤为明显。

图像优化是实现和压缩图像大小减去对其质量的任何明显不利影响的自然过程。该方法也可以完全自动化。用户可以尝试使用TinyPNG进行图像优化。该工具易于使用且免费使用。

对于视频压缩,您可以使用具有内置压缩功能的现代HTML5视频播放器。有大量的开源视频播放器允许你执行像Plyr,Video.js,Afterglow这样的动作,等等。

缩小和压缩网站文件

缩小是一个通过删除不必要的内容使网站代码更有效的过程。这减少了所需的内存,并有助于加快代码的执行速度。

使用正确的工具,您可以轻松实现缩小,而无需与代码进行广泛的交互。在线工具的示例包括CSS Compressor和Minify,它们提供众多功能和直观的UI。

最后总结

虽然尝试增加页面加载时间可能是一项具有挑战性的任务,但结果将是网站整体性能的显着改进。

虽然上面列表中的一些建议可能看起来相对较小,但是减少页面加载时间的每一小步都可以在长期内产生影响。正如亚马逊所注意到的那样,每一次保存都可以带来转换,收入和成功。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/9935

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code