您的网站速度与用户体验和搜索引擎优化 (SEO) 相关。人们的注意力平均时间缩短到了 8 秒。较慢的网站意味着您可能会失去受众并提高跳出率。此外,您可能会留下不利的搜索引擎印象。
与此同时,93% 的互联网体验始于搜索引擎。最高的 Google 结果有 33% 的机会被点击。同时,75% 的人甚至不会越过搜索结果的第一页。此外,自 2010 年以来,网站速度一直是Google 的排名因素之一。
换句话说,更快的网站会带来更好的用户体验、更多的流量和转化。所有这些都有助于更好的 SEO 和排名。对于 WordPress 网站和类似网站,拥有快速网站始于拥有托管服务提供商。继续阅读以了解如何优化网站速度以获得高 SEO 排名。
为什么页面速度对 SEO 很重要?
谷歌考虑了超过 200 个排名因素,但拥有有意义和真实的内容应该仍然是您的首要任务。然而,近年来,我们看到了对用户体验和可访问性的更加关注的转变。
自 2010 年以来,Google 一直使用您网站的速度作为排名因素。然后,在 2018 年,他们使您的网站在移动设备上的速度成为一个更重要的信号。自 2020 年以来,所有网站创建者一直在关注的重大新闻是核心 Web Vitals 作为官方排名因素的添加,作为 Google 页面体验的一部分。Core Web Vitals 是衡量用户体验的三个新指标,网站速度是其中之一。
了解页面速度?
这个名字说明了一切:页面速度是页面在用户浏览器中加载所需的时间。然而,优化你的页面速度并不像名字所暗示的那么简单。站点的服务器、图像压缩、文件优化和其他因素都会影响页面加载所需的时间。
页面速度指标
让我们熟悉一些最重要的网站速度指标。要全面了解不同的页面速度报告并优化您的网站速度,您必须首先了解其术语。
没有单一的指标可以确定您的整体页面速度评级。我们将看看最常见的:
- Time to First Byte (TTFT) – 浏览器从服务器获取内容的第一个字节所需的时间,即页面开始加载需要多长时间?
- 页面加载时间——很简单:加载所有页面资源需要多长时间。
- First Paint (FP) – 出现在用户浏览器中的第一个像素。这可以是背景颜色或标题图像。改进您的 FP 对您没有多大帮助,因为用户仍然希望显示一些有意义的东西。
- First Contentful Paint (FCP) – 浏览器渲染第一部分内容(例如文本或图像)所花费的时间。
- 最大内容绘制 (LCP) – 与测量第一个内容加载时间的首次内容绘制 (FCP) 相比,LCP 专注于与用户相关的最有意义的内容。LCP 是 Core Web Vitals 新指标的组成部分之一。它衡量您网站的主要内容加载所需的时间。LCP 元素通常是您网站的主角部分、特色图片或大文本段落。
- 首次输入延迟 (FID) – FID 是衡量网页交互性和响应性的真实用户 Web 性能指标。它考虑到用户的第一感知并评估事件处理中的“延迟”。换句话说,它计算用户首次与您的网站交互(例如,通过单击按钮或链接)与浏览器做出反应并开始处理该交互之间的时间。
- 交互时间 (TTI) – TTI 测量页面变为完全交互所需的时间。相反,FID 测量页面完全交互之前发生的用户交互。
测量页面速度
推荐网站的加载时间是多少?建议两秒或更短的目标时间是一个合理的目标。有许多免费的站点速度测试选项可供选择。但是,在运行任何网站速度测试或诊断之前,需要考虑一些事情。
保持变量不变
例如,在执行网站性能测试时,请确保每次都从同一区域进行测试。这可确保物理位置不会导致站点速度出现任何波动。由于服务器遍布全球,因此在一个地方加载需要 5 秒钟的内容可能需要 2 秒钟才能加载到另一个地方。这就是为什么测试您的大部分网站流量的来源或您希望定位的区域至关重要的原因。
重复测试几次
因为每次测试可能会获得不同的结果,所以重复测试直到达到一致性至关重要。只有这样,您才能确定存在需要进一步调查的问题。此外,您必须确保您的缓存版本和初始版本都能快速加载。
现在,这里有一些可以运行速度测试的有用工具:
PageSpeed 见解
Google PageSpeed Insights 用于衡量网页在移动和桌面设备上的性能,是一种速度测试工具,可以帮助您提高网站的速度。PageSpeed 分数的范围为 0 到 100。分数为 85 或更高表示该页面运行良好。报告页面提供了一个有用的细分,您可以采取哪些措施来提高性能。PageSpeed Insights 还提供改善移动设备用户体验的建议。
PageSpeed 正在处理现场数据。现场数据是来自网站访问者在网页上的体验的匿名性能信息,Google 通过 Chrome 移动浏览器收集这些信息,然后用于计算页面速度指标。
灯塔
Lighthouse 是一个开源、自动化的网页质量改进解决方案。性能、可访问性、渐进式 Web 应用程序和其他因素都经过审核。Lighthouse 在相当长的一段时间内为提高页面加载性能提供了多种建议,例如启用文本压缩和删除渲染阻止脚本。该团队不断发布新的审核,为您提供更有用的提示,让您的网站更快。
Chrome DevTools 性能面板
Chrome DevTools 网络面板包含在 Chrome 中。由于其易用性和适用于本地调试和测试,这是开发人员中流行的工具。要在 Chrome 中打开网络面板,请按 Command+Option+I (Mac) 或 Control+Shift+I (Windows)(Windows、Linux)。之后,您可以分析您的网站以调查您的每项资产的性能。
网页测试
这是一个免费的开源工具,用于衡量您网站的速度性能。它会更改您的位置、浏览器、连接类型和速度,并执行各种测试。
如何优化您的页面速度?
从您的托管服务提供商开始,以下是提高网站性能的最佳实践列表:
选择快速可靠的网络托管服务提供商
服务器响应时间慢是网站速度慢的最常见原因之一。请记住,快速的服务器托管服务提供商会对您的网站速度产生重大影响。简而言之,服务器响应时间越快,您网站的性能就越好。
SiteGround提供由 Google Cloud、UltraFast PHP 设置、自定义 MySQL 数据库设置和强大的防御系统提供支持的超快速托管服务,以防止任何类型的潜在威胁。他们的团队不断开发新工具和增强服务,以使您的网站更快、更安全、更易于管理。
启用整页缓存
当您启用全页缓存时,您的网站页面在首次加载后会以 HTML 文件的形式存储在服务器上。只有第一次访问您的站点才能看到数据库中的整个页面内容。其他人将直接从服务器的内存中获取页面输出,从而显着提高速度并最终提高您的 SEO 分数。
启用压缩
使用 Gzip 和 Brotli 等文件压缩应用程序减小 CSS、HTML 和 JavaScript 文件的大小。因此,浏览器将更快地加载此类文件,从而提高您的网站速度,并最终提高 SEO 分数。
优化媒体
以下是一些关于如何去做的好做法:
- 始终压缩图像:您可以通过减小图像大小而不牺牲质量来延长加载时间。
- 以下一代格式提供图像:例如 JPEG 2000、JPEG XR 和 WebP。鉴于此,Google 推荐使用 WebP 格式。
- 延迟加载静态内容:延迟加载是将资源或对象的加载或初始化推迟到需要它们以提高性能和节省系统资源的做法
优化前端
通过使用各种前端优化,例如缩小 CSS 和 JS 文件、优化字体等,您可以减小网站页面的实际大小并缩短加载时间。
使用 CDN
除了托管您网站的服务器之外,您还可以使用内容交付网络 (CDN) 来减少所有访问者加载所需的时间。CDN 将在全球服务器网络中缓存您的内容,并从离访问者最近的网站加载您的网站,从而改善他们对您页面的体验。
您还可以如何使用 SiteGround 优化网站速度?
SiteGround 用户享受开箱即用的全页缓存解决方案,称为动态缓存。默认情况下为所有站点启用它。根据网站的类型,您可以将页面加载速度提高五倍。SiteGround 已经部署并默认启用了下一代压缩算法——Brotli。该算法将加载速度提高到 15-20%。优化器插件可帮助您进行图像优化、延迟加载媒体等。
速度测试后,您可以参考SiteGround 的基本速度提示列表,以进行有效的网站优化。此外,您还可以在WordPress 速度优化电子书中了解如何创建高性能网站并获得专家提示。网站速度至关重要,因为它有助于 SEO、增强用户体验并增加转化率。请记住从同一位置多次测试您的站点速度,以获得可靠且可比较的结果。