谷歌SEO教程

Velocidade da página e SEO

什么是页面速度?

页面速度是加载网页所需的时间页面的加载速度由几个不同的因素决定包括站点的服务器页面文件大小和图像压缩

那是说

“页面速度”并不像听起来那么简单

这是因为测量页面速度的方法有很多以下是最常见的三种

Fully Loaded Page 完全加载的页面(FCP)这是加载页面上 100% 资源所需的时间这是确定页面加载速度的最直接方法

Time to First Byte 第一个字节的时间(TTFB)这测量页面开始加载过程所需的时间

到第一个字节的时间

如果您曾经登陆过某个页面并盯着白色屏幕几秒钟这就是 TTFB 在起作用

First Meaningful Paint/First Contextual Paint 第一次有意义的绘制/第一次上下文绘制页面加载足够的资源以使用户能够阅读该页面上的内容所需的时间

Por exemplo,假设您有一篇博客文章需要 10 秒才能完全加载

满载页面时间

这是一个很长的时间……如果你只看整个页面加载需要多长时间

另一方面关注“首次有意义的绘制”有时可以更好地代表用户在页面加载时实际与页面交互的方式

Por exemplo,让我们再看一下需要 10 秒才能加载页面所有资源的页面

尽管整个页面需要一段时间才能加载但当用户第一次登陆该页面时他们会在 1.5 秒后获得“第一次有意义的绘制”

第一个有意义的油漆

这意味着他们几乎可以立即开始与您的页面进行交互所以对于用户来说你的页面速度很快

为什么页面速度对 SEO 很重要?

2010 年起 Google 就将页面速度作为排名因素

网站速度是一个因素 - 自 2010 年以来

2018 Ano,谷歌通过“速度”更新提高了页面速度的重要性

2018 年网站速度更新

resumidamente:

加载缓慢的网站可能会损害您的 Google 排名

O problema é:Google 如何确定您网站的加载速度?他们是否会查看 100% 的页面加载需要多长时间?还是TTFB?

他们还没有对此发表任何官方声明但考虑到他们在PageSpeed Insights 工具中报告所有这些指标我知道他们可能使用不同页面速度测量的组合

PageSpeed 见解

portanto,以下是提高网站加载速度的方法

核心网络生命如何影响页面速度

Google 的 Core Web Vitals 是一组对页面用户体验进行评分的指标Google 使用这三个指标来根据实际速度网页交互性和视觉稳定性来了解加载速度

  • 最大内容绘制 (LCP)衡量加载主要内容所需的时间应为 2.5 秒或更短。 
  • 首次输入延迟 (FID)衡量用户可以与页面交互所需的时间它应该为 100 毫秒或更短。 
  • 累积布局转变 (CLS)衡量用户经历布局转变的频率您的CLS 分数应为 0.1 或更低

您需要了解 Core Web Vitals 才能优化页面速度

img 符号

您可以使用这些指标来衡量页面的速度Google 将您网站的核心网络生命力分类为“良好”“需要改进”或“较差”。 

您可以在Google Search Console的 Core Web Vitals 报告中查看您的分数。 

GSC 中的核心 Web Vitals 报告

Perceber:谷歌表示其页面速度更新只会对提供“最慢体验”的页面产生负面影响但他们建议以“良好”阈值为目标以获得最佳结果一旦达到该阈值您不一定会通过对页面速度进行几毫秒的微优化来获得巨大的收益

总结一下: 

优化性能较差的页面应该是您的首要任务因为如果您不这样做Google 可能会惩罚您的网站。 

O mais importante é: 

不要将页面速度置于优质内容之前因为相关性永远是第一位的 

加载“稍快一点”的页面不一定会超过其他较慢的页面因为相关性和intenção de pesquisa更重要

portanto,您应该首先优先考虑创建满足用户需求的内容

话虽如此这些是Google评估页面核心网络生命力的阈值: 

Google 评估 Core Web Vitals 的门槛

核心网络生命值是称为网络生命值的更大质量信号集的一部分该列表不断发展并包括其他相关指标例如 TTFB 和 FCP

要了解更多信息请阅读我们的 Core Web Vitals 指南以及如何改进它们

提高页面速度的 5 种方法

压缩图像

图像通常会导致页面变慢压缩图像是提高页面速度和 SEO 排名的最快解决方案之一

如果您可以牺牲一点图像质量则可能可以提高页面速度

您的目标应该是在不影响质量或用户体验的情况下使图像尽可能小。 

假设您要上传一张 1MB尺寸为 3000 x 2500 像素的图像。 

您可以使用免费的图像调整器(例如PicResize )调整图像大小

图片调整主页大小

将您的图像上传到该工具并选择您希望图像缩小多少(例如缩小 50%)

上传图像并选择调整大小选项

在不影响质量的情况下使图像尽可能小后请使用ImageOptim等图像优化器进一步缩小图像

只需通过该工具运行您的图像它就会发挥其魔力

图像优化工具

在将图像上传到网站之前请务必执行此操作

专业提示如果您使用 WordPress 作为内容管理系统 (CMS),请使用Smush等插件优化图像它可以让您批量优化图像以节省时间。 

选择正确的图像格式

不同类型的图像需要不同的图像文件格式

有些格式比其他格式更轻因为它们提供更高的压缩级别为每个图像选择正确的格式以缩短页面的加载时间

让我们分析一下最常见的格式以及如何使用它们

  • JPEG适合现实世界的图像例如照片
  • PNG适合屏幕截图、projeto、徽标或具有更高细节级别的图像
  • GIF如果可能请避免使用这种格式因为它会减慢您的页面速度如果您需要动画图像请考虑将 GIF 转换为视频
  • WebP这种文件类型变得越来越流行因为它比 JPEG 和 PNG 轻得多(事实上小了三倍)在未来它可能会成为标准。No entanto,并非所有浏览器都支持 WebP 图像所以我们现在建议使用 JPEG 和 PNG。 

专业提示如果您使用 WordPressEWWW Optimizer等插件会将您的图像转换为 WebP如果用户使用不支持 WebP 文件的浏览器打开您的网站该插件将显示 JPEG 或 PNG 版本的图像。 

缩小 JavaScriptCSS 和 HTML

最小化 JavaScriptCSS 和 HTML 可以提高页面速度

na verdade,谷歌的 John Mueller 表示缩小“值得研究”因为它可以减小文件大小

首先删除代码中的换行符空格或其他不影响用户体验的不必要元素

em outras palavras:缩小页面上的资源

这包括

  • 超文本标记语言
  • CSS
  • JavaScript
  • 以及您页面上找到的任何其他代码

您的第一步应该是清理页面上所有臃肿的代码这些额外的代码可能来自您的网站上不再有的功能或者来自劣质的开发人员工作

de qualquer jeito:代码越干净加载速度就越快

您可以使用在线压缩工具来压缩文件如果您拥有 WordPress 网站WP Rocket这样的插件可以帮助您缩小代码。 

Perceber:某些工具结合 CSS 和 JavaScript 文件来提高性能(尽管如果您的站点使用 HTTP/2 或 HTTP/3 则没有必要)

portanto,如果您的网站使用 HTTP/1则组合 CSS 和 JavaScript 文件仅对提高页面速度有帮助

要检查您的网站使用哪种 HTTP 协议请转到 Google Chrome右键单击页面上的任意位置然后点击“检查”。Então,转到“网络” aba。 

检查“协议”栏您将看到每个内部资源使用的协议。 

协议栏

如果他们使用“h2”或“h3”协议(HTTP/2 和 HTTP/3)则无需合并 CSS 和 JavaScript 文件

旁注看不到“协议”列?右键单击图表标签面板然后选中“协议”。

右键单击图表标签面板

升级托管

这是一个我没有看到足够多的人谈论的技巧

您可以整天清理代码并压缩图像但如果您每月花费 4.99 美元用于托管您的网站将无法快速加载

那是因为您与一百万个其他网站共享服务器

那里有一百万个网络主机所以我不能特别推荐一个

但我可以说作为一般规则在托管方面,Você recebe o que você paga。

portanto,如果您真的想提高网站的加载速度那么可能是时候升级到高级主机或专用服务器了

启用浏览器缓存

这允许用户将页面的部分内容存储在他们的浏览器缓存中

激活浏览器缓存

portanto,当他们下次访问您的网站时加载速度会更快

缓存使第二次访问的加载时间更快

不幸的是这不会帮助首次访问者更快地加载页面但这对于提高以前访问过您网站的用户的加载速度非常有用

您可以在 .htaccess 文件中设置浏览器缓存或者使用 WordPress 插件要在 WordPress 网站上启用浏览器缓存您可以使用W3 Total CacheouWP Rocket等插件

实施 CDN

内容交付网络CDN ) 是提高网站加载速度的最简单方法之一

CDN 的工作原理是确定访问者的物理位置……然后从靠近他们的服务器提供站点资源

实施 CDN 来提高速度

使用多页面速度测试工具进行测试

现在您已经实施了这些步骤是时候看看您的表现如何了

我建议使用两种不同的工具来测试页面速度

第一个是Google PageSpeed Insights

Google PageSpeed 洞察工具

Google 的工具会扫描您页面的代码是否存在问题……

PageSpeed 见解 – 问题

……和机会

PageSpeed 见解 – 机会

他们最近添加了一项功能可以报告您的网站加载给实际人类用户所需的时间(使用 Google Chrome 浏览器数据)

网站速度洞察 - Chrome

这是超级有用的

一句警告您有时会发现该工具的建议对您的网站没有意义

Por exemplo,谷歌的工具建议我“以下一代格式提供图像”

下一代格式

No entanto,大多数浏览器(包括 Safari 和 Firefox)不支持这些“下一代”格式。portanto,如果您切换到这些下一代格式您网站的用户体验将会下降

也就是说这个工具中有大量有用的见解我建议尽可能多地实施

Próximo,我们有WebPageTest.org

网页测试 – 搜索

WebPageTest 的一个很酷的地方是它在实际的浏览器中加载您的页面它可以让您了解页面上需要很长时间加载的特定部分

网页测试 – 结果

afinal,请务必尝试网站检查器

SEO 页面速度常见问题解答

网站速度如何影响 SEO?

网站速度影响搜索引擎优化因为它是谷歌算法速度更新中宣布的排名因素之一谷歌在其算法中使用网站速度来对高速网站和加载缓慢的网站进行排名

SEO 的最佳页面速度是多少?

SEO 的良好页面速度是三秒或更短快速加载的页面速度将有助于您的 SEO 工作因为 Google 会奖励快速的网站而不是慢速的网站在优化工作中还要牢记移动页面速度

页面加载速度如何影响可见性?

页面加载速度直接影响网站的可见度由于页面加载速度是 Google 的排名因素因此如果速度缓慢您的网站将不会获得太多

自然流量缓慢的网站也会损害转化率每次点击费用和搜索引擎优化谷歌更喜欢快速的网站而不是慢速的网站因此慢速的网站排名不会很好

为什么页面加载速度对 SEO 很重要?

页面加载速度对于 SEO 很重要因为它是 Google 算法的关键决定因素之一缓慢的网站会让访问者望而却步快速的网站可以为访问者提供良好的用户体验并且 Google 会将这些网站的排名高于加载缓慢的网站

Sobre Departamento Editorial

A equipe editorial de Kuajinggu é uma equipe de especialistas do WordPress,Lado por Dylan,在 WordPress、Host virtual、Comércio eletrônico、Mais de 10 anos de experiência em SEO e marketing。Kuajinggu criou 2014 Ano,Atualmente é o maior site de recursos do WordPress gratuito no setor,Wikipedia, muitas vezes chamada de WordPress。

Deixe uma resposta