SEO 和用户体验 (UX) 技术的结合称为搜索体验优化,在本文中,我们将讨论提供令人难以置信的 UX 的最重要方面之一:加载速度。
加载速度:用户体验金字塔的基础
在此背景下,加载速度是指页面在用户屏幕上完全加载所需的时间。为什么它是用户体验金字塔中的基本元素?
嗯,因为根据 Google 的说法, 手机上一秒的加载延迟可能会影响转化率高达 20%。一秒钟!!!谁能想到我们如此不耐烦?
因此,如果页面加载时间比预期长,用户会认为网站及其导航出现问题。结果呢?高跳出率,从第一刻起就影响购买体验。
Kantar、Google 和 Nodus 进行的研究发现,十分之八的拉丁美洲人拥有智能手机,并且每 5 分钟解锁一次。也就是说,除了不耐烦之外,我们还对手机着迷,而这里的加载速度是保持这种注意力的关键。
加载速度在搜索引擎优化中也很重要,因为它决定了您在搜索结果中的位置。因为谷歌没有时间收集结果,如果你的页面没有在几秒钟内加载,它的排名就会较低,被其他网站超越。
如何衡量网站的加载速度?
目前有一些免费工具可让您测量页面的加载时间并诊断阻碍其速度的问题。我们提到其中一些:
Google PageSpeed Insights:
输入您网站的 URL 后,Google PageSpeed Insights会考虑以下指标进行免费分析:
最大内容绘制 (LCP),是指与页面开始加载时间相关的图像或文本块的处理时间
第一个字节的时间 (TTFB) 是衡量资源请求与响应的第一个字节开始到达之间的时间的指标。
与下一个绘制的交互 (INP) 通过测量在页面上执行的所有单击、点击和键盘交互来表示页面的整体响应能力。
Google PageSpeed Insights 为您提供的优势之一是它可以在移动设备和桌面设备上显示您网站的诊断结果。这样,您就可以在每个视觉效果中进行相关优化。
网页测试
WebPagetest是一个为开发者设计的测试网站加载速度的平台。它会为您分配来自特定移动设备和国家/地区的连接和互联网访问类型,例如 4G,以便将测试置于情境中。
您可以选择想要查看的指标类型。它为您提供了一组名为“Core Web Vitals”的变量,这些变量与 Google 计算的变量相同,并且对您的表现进行了总结,指出了需要改进的方面或要点。
您可以开始使用他们的免费版本,但是,他们有一个高级计划,可以让您访问 40 个位置进行测试、访问 API 以及与其他工具集成。
GT矩阵
GTmetrix根据页面加载速度的关键指标总结您的页面性能。它使您可以访问 4 个可用图表:来自全球 22 个不同地点的 97 台服务器的 Web Vitals、页面计时、页面大小和请求计数以及性能/结构分数。
与 WebPagetest 一样,它有一个基本的免费计划和三个商业计划,价格从每月 10 美元到 42 美元不等。随着该计划变得高级,它允许您进行更多的日常测试。
在测量了我的网站的加载速度之后,我如何知道我是对还是错?嗯,根据Pingdom的说法,在他们的工具中评估的网站的平均加载时间是 5 秒。
不过,为了让你的网站有更好的效果,从用户点击链接到所有内容出现的时间间隔最好是2秒。
现实情况是,登陆页面在移动设备上平均需要 22 秒才能完全加载,但如果加载时间少于 10 秒,可能会导致超过一半的访问者放弃该网站。
这意味着要让您的网站在谷歌眼中达到同等水平,还有很多工作要做。
如何优化网站的加载时间?
有很多方法可以改善网站的加载时间。以下是一些可以帮助您实现这一目标的提示,您可以结合上述评估和诊断工具提供的建议来实施。
最小化 HTTP 请求
当计算机要求服务器显示或共享特定文件时,就会发生 HTTP 请求。页 多米尼加共和国电话号码数据面的加载时间可能取决于从服务器下载页面不同部分(例如图像、样式表和脚本)的数量。
从这个意义上说,由于页面上的组件越多,加载所需的时间就越长。最大限度地减少 HTTP 请求的第一步是找出您的网站当前发出的请求数,将其用作基准并消除那些不需要的请求。
如果您使用 Google Chrome,则可以使用浏览器的开发人员工具来查看您的网站发出了多少 HTTP 请求。
第二步是删除网站文件中不必要的格式、空格和代码,并在必要时将它们合并:如果您的网站运行多个 CSS 和 JavaScript 文件,您可以将它们合并为一个
减少重定向次数
在线内容管理器(例如 WordPress)为您提供的优势之一是它们会定向您的错误 URL,从而使访问者能够从一开始就被带到他们想要访问的页面。也就是说,如果您的文章链接损坏或页面错误,WordPress 会建议用户一个新的相关链接。
虽然仍然有办法访问正确的内容,但对加载速度的影响是巨大的!另外,您还面临 WordPress 无法捕获所有内容的风险,这就是需要手动重定向规则的原因。
纠正此问题的第一步是避免故意创建不必要的重定向,例如内部链接和菜单。什么时候有必要?当您将文章从一个站点迁移到另一个站点并希望保持流量,但对于内部导航时,则没有必要使用此方法。
另一个重要步骤是手动更正 URL 并向服务器添加一个或多个重定向规则。例如,如果 URL“http://branch.com”需要两次重定向才能到达“https://www.branch.com”(请注意,域的开头从 http 更改为 https),您可以创建一份重定向手册,可以一步(而不是两步)实现这一点。
启用浏览器缓存
当用户第一次访问网站时,页面元素将存储在硬盘驱动器的缓存或临时存储中。这些元素是 HTML 文档、样式表、javascript 文件和图像,它们在页面加载之前下载。
启用缓存后,下次用户访问该站点时,他们的浏览器可以加载该页面,而无需向服务器发送另一个 HTTP 请求。这可以将充电时间从 30 秒缩短至 2.4 秒。
但是,许多人会定期删除缓存,因此此操作需要其他策略。
缩小图像尺寸