网站速度对SEO有多重要？事实上，Google曾多次提醒网站速度会影响到网页SEO成效，本文将分享网页载入速度与SEO优化之间的重要关系，以及如何使用网页速度测试工具帮你抓出网页的问题，并提供一些网站速度优化的技巧。

目录

• 网站速度是什么？
• 为什么网站速度对SEO很重要？
  • 影响搜寻结果排名
  • 影响 Google 爬取额度（Crawl Budget）
  • 影响使用者体验与转换率
• 网站速度测试工具推荐，新手也会用
  • PageSpeed Insight
  • Pingdom Tools
• 网站速度优化如何执行？
  • 使用适合的图片大小
  • 使用next-gen 格式的图片
  • 移除未使用的 CSS 与 JavaScript
  • 启用文字压缩/GZIP压缩

网站速度是什么？

网站速度也称作网站效能，广泛来说是指网站载入与回应的速度，对于使用者体验非常重要，Google也为网站使用体验订出了三个核心指标，LCP，FID 与 CLS，这些指标能一定程度的影響网页速度：

• LCP(Largest Contentful Paint)最大内容绘制：指的是网页中最主要的元素（如图片、视讯或文字）在加载完毕后所需的时间，这是最直觉能看出网站载入速度的指标。
• FID（First Input Delay）首次输入延迟：指的是从使用者第一次尝试与网页互动，例如点击或按下按钮（不包含滑动页面），到网页开始回应所需要的时间；从2023年5月，Google宣布INP(Interaction to Next Paint)将逐步取代FID，INP是观察使用者造访网页期间所有互动的延迟时间，来评估网页的整体回应速度。
• CLS（Cumulative Layout Shift）累计版面配置转移：这项指标代表网页元素在网页加载或滚动过程中位置位移的程度，比如说网站上某些图片载入较慢因此一开始不会出现，但图片出现后又会让其他元素跑到别的地方，使得常常点击某个按钮或链接时有误案的情形，CLS的数字是越小越好。

为什么网站速度对SEO很重要？

Google演算法只会越来越重视使用者体验，可是说SEO就是建立在优化使用者体验上，网站速度又是影响使用者体验的一大因素，所以网页载入速度跟SEO优化自然脱不了关系，具体来说网站速度又会从以下三个方面来影响SEO：

影响搜寻结果排名

Google 从2010年就将网页载入速度列为影响排名的因素之一，2020年更是将网站载入速度列入网站使用体验指标(core web vitals)，也就是SEO重点优化项目，虽然Google排名机制还是将内容相关性、丰富度做为影响排名最主要的原因，但当有两个类似内容的网页时，想在搜寻结果中脱颖而出，网页速度就变得十分关键。

影响 Google 爬取额度（Crawl Budget）

大家要知道，你的网页想要被搜寻到一定要先被索引（crawl），也就是被google爬虫收入数据库中，而网站速度快慢会直接的影响到 Google 爬取额度（crawl budget），crawl budget 是指 Google 爬虫在爬取一个网站时所分配的时间和资源，代表爬虫在一个网站只会停留特定的时长，所以如果你的网站速度越快，Google 爬虫就能在相同的时间内可以爬取更多的网页，从而加快整个网站被完整收入进Google的速度。

影响使用者体验与转换率

网站载入速度越慢，使用者等待的时间越长，就越容易失去耐心而跳出网站，网站的跳出率会让Google判定此网站不符合使用者意图，进而影响到网页排名，根据 Google 的研究网站载入速度每增加 1 秒，网页跳出率就会增加 10%！而转换率就更不用说了，若网页一直跑不出来，使用者越不可能去完成转换行动，例如加入购物车、结帐、订阅、注册等，这将会大大的影响经营网站的最终目标。

网站速度测试工具推荐，新手也会用

了解网站速度的重要性后，接着就要来介绍3个SEO优化时最常用的网站速度测试工具，它们的共同特色是操作简单、即使是新手也能快速上手，并读懂报表中的数据。

PageSpeed Insight

PageSpeed Insight网站：https://pagespeed.web.dev/

PageSpeed Insight 是 Google 开发的网站速度测试工具，它能够回报网页在行动装置和电脑上的使用者体验资料，并提供改进建议。PageSpeed Insight 将每项网页使用体验指标都分成三个等级：

• 良好（0-49分）
• 需要改善（50-89分）
• 不佳（90-100分）

三个等级分别会用不同颜色标示，一般来说只要最大元素转译时间(LCP)超过 4 秒就会被列为不佳，还会显示 Lighthouse 出计算整体的网页效能，并在最下方列出最佳化建议

Pingdom Tools

Pingdom Tools网站：https://tools.pingdom.com/

Pingdom 是一款老字号网站速度测试工具，它的功能相当阳春，但操作步骤相当简单，产生的报表也简洁好懂，是很适合新手第一个用来尝试的工具；上图就是由Pingdom产生的报表，上半部会显示网站整体的效能分数、网页大小，网站载入时间与整个网页请求的数量，下半部就是它对你网站的改善建议，可以发现报表资讯与建议不如PageSpeed Insight来的全面，但是对于新手来说比较容易理解，可以很快掌握网站状况。

pingdom

不过比较可惜的是，pingdom并不会提供网页图片的相关优化建议，但我们还是可以通过它抓出来的图片总档案大小，来评估是否要去优化图片。

网站速度优化如何执行？

抓出让网站变慢的原因后，那具体要怎么执行网站速度优化呢，我们可以从PageSpeed Insight提出的建议中，发现几个重点优化网站速度的方向：

使用适合的图片大小

图片是网页中占比较大的资源，也是拖慢网页速度的最大凶手，所以一开始做网站速度优化可以通过压缩图片大小着手，Google官方建议是每张图片大小不要超过 100kb，如果您是使用wordpress架设网站，请避免使用 Full Size 图片。

使用next-gen 格式的图片

next-gen图片其实是所谓的新型图片格式，也就是AVIF或WebP格式的图片，它们比 JPEG 和 PNG 档案更小而且有更好的压缩品质，压缩后不容易失真，可以让网页载入速度变快，目前有支援此两种格式的浏览器越来越多，如果是有很多图片要放的电商网站可以全面改用此种格式的图片。

移除未使用的 CSS 与 JavaScript

CSS和JavaScript是让网页变得更美观及互动性更高的程序代码，通常会写成另外的程序档案存在服务器中，当网页打开时接受请求才会被打开做使用，这会让消耗网络流量并让网页速度变慢，所以可以请技术人员协助移除未用到的CSS 和 JavaScript 档案，或延后载入不重要的 CSS 和 JavaScript，减少网站载入时间。

启用文字压缩/GZIP压缩

网页中的字体样式通常会被写在CSS档案中，我们可以通过压缩CSS文件来加快网页速度，最常用的方法是Gzip 压缩，它主要会将 HTML、CSS和 JavaScript 等网页文件变小，通常能够实现高达 70% 到 80% 的压缩率，当使用者开启网站时就服务器就只要下载压缩好的小档案，可以大大提升载入时间；Wordpress 有不少可以协助启用GZIP压缩的外挂，或是请工程师在服务器编辑程序代码来启用。