回顾你的网站表现,因为每一秒都很重要面团网

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

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

减少HTTP请求

根据雅虎发布的消息,一个页面80%的加载时间都花在了下载页面的各个部分上,比如样式表、图片、脚本等等。

由于HTTP请求是针对这些元素中的每一个元素发出的,因此页面上的页面组件越多,其呈现所需的时间就越长。

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

使用谷歌Chrome,浏览器的开发工具允许用户查看一个站点发出的HTTP请求的数量。要查看HTTP请求的数量,一个网站使用户可以:

右键单击需要分析的页面并选择Inspect。

单击Network选项卡。

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

Name列表示页面上的文件。每个文件的大小显示在size列下,加载每个文件的估计时间显示在time列下。

页面的左下角替换了该站点发出的请求的总数。用户将能够加快加载时间,他们的网站减少这个数字。最直接的方法是检查文件集,并识别那些被认为是不必要的。

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

使用脚本进行异步加载

像JavaScript和CSS这样的脚本可以以两种不同的方式加载——同步或异步。同步加载包括每次加载一个片段,与它们在屏幕上显示的顺序相同。在异步加载中,脚本是同时加载的,这有助于加速这个过程。用户还可以对特定元素的加载进行优先级排序,而不必等待外部源加载。

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

对于WordPress来说,当使用WP Rocket的静态文件选项卡时,用户可以检查除了阻止租赁者CSS/JS之外的选项。

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

<脚本异步src = ” script.js ” > < /脚本>

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

减少服务器响应时间

决定web页面加载速度的重要因素之一是域名系统查找所需的时间。DNS查找是在记录中识别特定网站名称的过程。它可以想象成一台从电话簿中查找联系号码的计算机。

此步骤所花费的时间取决于用户的DNS提供商的速度。如果用户发现这还不够快,那么可能需要更改为更快的DNS服务提供商。为了帮助选择DNS提供商,你可以参考DNS速度比较报告,就像这个来自SolveDNS的报告,它提供每月更新的不同提供商的速度排名。

利用内容分发网络(CDN)

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

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

缓存可以有所帮助,但要小心

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

但是,用户在考虑此选项时需要谨慎。假设缓存会显示先前保存的站点版本以重复访问

滚动至顶部