如果您想知道为什么页面加载时间很重要,我会在这里回答这个问题。页面加载时间与转化率直接相关。
页面加载时间越长,转化成本就越高。
为了改进某些东西,您首先需要了解您对该指标的立场。因此,要提高页面速度,您需要从测量它开始。
下面的细节会有点技术性,所以请耐心等待。
为什么页面加载时间很重要?
页面加载速度是决定网站可用性的关键因素。 Google 将页面速度视 巴哈马电话号码资源 为影响网站在自然结果中的排名并改善用户体验的 200 个排名因素之一。更快的页面加载时间可以直接转化为更高的排名,因为缓慢的网站意味着较差的用户体验。
产生更多流量的竞争始终存在,而那些提供更好可用性的竞争意味着您处于领先地位。
但这还不是全部。更快的页面加载时间还可以提高网站的索引率。页面加载速度越快,Google 一次可以索引的页面就越多 - 这意味着 Google 一次覆盖您网站的更多内容。
高页面速度还可以提高您的网站在 Google 抓取工具中的受欢迎程度。这意味着搜索蜘蛛开始更频繁地访问您的网站 - 这是个好消息。还值得一提的是,您选择的主机和服务器也决定了页面加载时间。托管 WordPress 托管、专用托管等是提高速度的不错选择。
请务必注意,如果您的网站加载时间超过 3 秒,您的跳出率将增加两倍。
网页加载时间与跳出率
来源:Pingdom
以下是该过程的工作原理。用户在浏览器中输入域名并按 Enter 键,希望看到网站上提供的信息。
片刻之后,页面开始加载,用户可以与页面交互,一段时间后整个页面加载。页面完全加载所需的时间非常重要。
用户在页面完全加载之前就已经可以找到信息。如果加载时间太长,其他人可能会放弃并离开您的网站。
正如您所看到的,页面加载时会发生很多事情,这会影响用户使用网站的方式。
如何理解页面加载时间?
测量页面速度主要有两种方法:
页面加载时间:显示浏览器向服务器发送请求和页面完全呈现之间的时间。
Time to First Byte:显示第一个请求发送到服务器和浏览器接收第一个数据字节之间经过的时间。
在优化网站速度时,重点关注减少页面加载时间和第一个字节的时间应该是您的两个首要任务。通过使用这些方法,通常可以更轻松地获得更快的网站。然而,值得注意的是,Google 将页面速度衡量为第一个字节的时间,也称为 TTFB。想要获得更好的排名,就需要超越TTFB。
如何测量页面速度/网站速度
在对站点进行更改之前,您应该首先考虑其性能。有许多工具可以测试和测量页面速度。两个不错的选择是 Pingdom 速度测试和 GTmetrix,它有适合初学者的选项。
网站性能和可用性监控 - Pingdom
来源:Pingdom
#1.利用 Google Page Speed Insights 进行优化
您还可以使用 Google PageSpeed Insights 检查您的网站,以了解其状况。 Google Page Speed Insights 会生成一系列易于实施的建议,可以在几分钟内提高您的页面速度。
该工具由 Google 拥有,为您提供优化 Google 关心的指标所需的一切。在文本框中输入网站 URL。然后单击分析。
如何降低网站页面速度
PageSpeed Insights 分析页面内容并按 1 到 100 的范围对其进行评分。您还可以找到提高页面加载速度的建议。以下报告适用于我的网站:kamayobloggers.com/blog。
这里有很多建议。
PageSpeed-Insights.png
PageSpeed-Insights22.png
资料来源:Pagespeed Insights
您还可以获得针对该网站的桌面版和移动版的单独结果和建议列表。这为您提供了一个有用的建议列表,您可以使用这些建议来分别优化网站的移动版本和桌面版本。
此信息为理解和优化页面速度提供了一个起点。此外,您还可以寻找为初创公司提供的 CTO 服务来解决您的所有技术问题。
#2.选择托管主机
您使用的主机在网站的管理及其性能方面发挥着重要作用。这包括页面速度。普通托管的缺陷之一是,您节省的月费会导致收入损失。廉价的托管是网站加载时间缓慢的主要原因。廉价的托管俱乐部与过载服务器上的多个站点共享相同的资源,这会增加页面加载时间。
有像 Kinsta 这样注重性能的主机,它们提供了针对速度进行优化的平台。
#3。压缩和优化图像
图像丰富了网站,同时提高了内容质量。然而,大图像会降低网站速度。如今,人们已经成为更好的阅读者,因此您需要提供高质量、经过深入研究的内容以及长期目标。这意味着您不能没有图像。但它们绝对可以优化。
优化图像包括更改文件格式(PNG/JPG 到 WEBP)、启用延迟加载以及使用无损压缩来压缩图像。
通过减小图像文件的大小,可以减轻其重量,从而使页面加载速度更快。有像 WP Smush 这样的插件可以用于此目的。
安装并激活该插件后,它会调整图像大小并压缩图像,而不会影响质量。它包括无损压缩、延迟加载和海量图像优化等功能。
您可以使用插件,因为它们具有多个压缩选项,可有效减少 85% 的大小。
该插件还使用 Webp 格式,允许延迟加载和其他功能。
我可以举的一个例子是Fyle。他们的博客充满了有关费用管理的高质量内容。至少有 400 篇文章,涵盖费用管理、会计、国际支付和全球银行业务的各个方面。所有照片都经过优化并快速加载。想象一下它们没有优化。该页面将需要很长时间才能加载。
图像优化 - Flye 主页
资料来源:Fyle
#4。启用浏览器缓存
浏览器缓存是另一种减少加载时间的缓存形式。这允许浏览器存储样式表、图像和 JavaScript 文件等信息。每次用户访问页面时,它不必重新加载包含所有这些不同元素的页面。
与 W3 总缓存一样,WP Rocket 是一个功能强大的缓存插件,您可以在您的网站上使用。它启用页面缓存和预加载以优化页面速度。 WP Rocket 是另一个具有相同功能的插件。
例如,查看有关外包客户服务的页面。浏览器缓存意味着页面上的所有图像都存储在本地,因此页面在您下次访问时可以快速加载。
客户服务外包
来源:TheCXlead
您可以使用的另一个技巧是:
对静态页面组件使用过期标头,对动态页面组件使用缓存控制标头。使用这些标头可以缓存站点的各种元素,包括图像、样式表和 Flash。这可以最大限度地减少 HTTP 请求的数量并缩短页面加载时间。过期标头可用于控制页面组件可以缓存多长时间。
到期时间:2028 年 10 月 15 日星期三 20:00:00 GMT
使用 Apache 时,您可以使用默认的过期存档设置内容缓存时间。这将到期日期设置为从当前日期算起的特定年数。
过期默认“访问权限加 15 年”
回答页面上的所有内容并限制每个页面的重定向数量以进一步优化您的页面。
#5。使用异步加载
您的网站几乎完全由 CS 和 Javascript 文件组成。这些脚本有两种加载方法:同步和异步。异步加载更有利于SEO。
同步意味着文件按照它们在页面上出现的顺序同时加载。
当浏览器看到该脚本时,其他元素将暂停并首先加载该脚本。
异步加载允许同时加载不同的文件并加快性能。
如果您使用 WordPress,请结合使用自动优化或异步 JavaScript。
您还可以使用 WP 火箭。
#6。消除无用的插件
并非所有插件都是一样的。网站上的插件过多可能会导致不必要的膨胀,从而降低网站的性能。
此外,维护不善的插件会带来安全风险并导致影响性能的兼容性问题。明智的做法是尽量减少网站上插件的数量。一种方法是禁用或完全删除您不再需要或使用的插件。
某些插件可能有用,如果它们不再相关,请禁用它们并查看它们是否干扰任何功能。要识别降低页面速度的插件,请单独测试它们。
#7.网页缓存
缓存网站页面是加快网页速度的另一种有效方法。页面缓存缩短了到达第一个字节的时间,从而使服务器使用更少的资源来加载页面。
站点缓存可以在服务器级别完成,这意味着主机会为您处理一切。
您可以做的另一件事是使用 W3 总缓存,这是一个免费的 WordPress 插件。安装并激活后,转到常规设置,然后选择页面缓存选项。
缓存您的网页
WP Rocket 是另一个插件,可以减少加载时间并优化结果和基本网络参数的页面速度。
#8。缩小 CSS、JavaScript 和 HTML
优化文件加载方式可以改善页面加载。缩小 CSS、JavaScript 和 HTML 代码。这涉及从代码中删除多余的空格、注释和其他不必要的元素,以减小文件大小。
文件大小减小后,将它们合并起来就更容易了。结果是一个干净、精简的网站,可以快速加载。梳理每一行代码来查找文件的效率并不高。
如果您使用 W3 Total Cache 插件,缩小 CSS、Javascript 和 HTML 会很简单。启用缓存选项的正下方是启用缩小的选项。它允许您缩小 HTML、CSS 和其他属性。只需选中顶部的“启用”框即可。
常规设置 - W3 Total Cache 插件
#9。减少重定向次数
页面上过多的重定向会对加载时间产生负面影响。在某些情况下,例如移动到新域时,您应该使用站点重定向。但在大多数情况下,您使用不必要的重定向,这会增加页面加载时间。创建新的内部链接或菜单时,避免创建不必要的重定向。但是,页面上的重定向过多会对加载时间产生负面影响。一个值得遵循的好建议是,每次页面重定向到其他地方时,都会增加 HTTP 请求和响应时间。
减少重定向的一种方法是不创建不必要的内部链接和菜单。另一种方法是确保 TLD 通过单个重定向进行解析。
如果您需要帮助来确定需要在整个站点中正确配置的重定向,请使用重定向映射器。它是一个免费增值工具,具有有限的免费层,可让您了解其功能和用例。
重定向映射器 - 减少重定向
来源:重定向映射器
该工具可帮助您查看并修复重复的重定向。您还可以使用 Screaming Frog(免费)来识别重定向及其引导位置。这使得识别任何无用的东西变得更加容易。
您可以使用 .htaccess 文件删除不需要的任何内容。
#10。减小 cookie 大小
要了解为什么应该减少 Cookie 的大小,您必须首先了解 Cookie 是什么。
什么是cookie?
Cookie 是从服务器发送并存储在您的计算机上的小数据片段。它们识别有关浏览器状态的信息。引入它们是为了回避 HTTP 是无状态协议的事实。
Cookie 有很多用途:
用于用户识别和认证目的
记住购物车中的产品
了解用户访问过哪些页面
保存有关您的偏好的信息
Cookie 在性能方面发挥着重要作用,因为每次用户向 Web 服务器发送请求时,浏览器都会在请求中向服务器发送一个 Cookie。随着 cookie 大小的增加,每个请求都会变得更大,这会降低性能。
为每个域设置 Cookie。设置 cookie 后,浏览器会将其发出的请求的信息发送回服务器。
该研究比较了有和没有 cookie 的网站的加载时间。
当没有设置cookie时,加载时间为6.63秒,当设置4kb cookie时,加载时间为7.89秒。
左图显示了带有 cookie 的页面加载时间。绿色条较长,表示到达第一个字节的时间。大部分时间都花在加载cookie上。当然,cookie 是列表中的最后一个,但记住它们很重要。
减少 Cookie 大小
来源:Thisisoptimal
结论
优化您的网站速度是您可以做的最重要的事情之一,以优化您的用户体验,从而帮助您的访问者从每次访问中获得更多。可用性的提高意味着更多的人开始访问您的网站并停留更长时间。