如果您长期阅读我的博客文章，您应该知道我多次强调我非常重视用户体验。只有把用户放在首位、重视用户体验的站长，才能真正了解SEO。怎么做，而“网站速度”自然是网站优化中非常重要的一项，对SEO和网站体验影响很大。尤其是自网络体验信号（Page）发布以来，网站速度显然只会变得越来越重要。我觉得我应该更新一下关于速度优化的文章，提供更多的观点和分享。

在本文中，我将分享“网站速度”对您网站的全面影响，以及您可以采取哪些措施。

首先谈谈“网站速度”如何影响您的网站

通常我在承接咨询项目的时候，“网站速度”会是我们评价“网站健康度”的重要指标之一，因为速度是一个非常全面的指标，影响到很多层面，所以我们先来看看初步看一下“网站速度优化”如果被忽视的话的影响：

2010 年，官方发表声明称，网站的速度和性能将正式影响搜索排名。在评估网站是否值得获得良好排名时，网站速度已被纳入排名因素。

但是，所谓的“排名信号”有不同的强度。每个优化项的“排名信号”强度不同。 ，有一个很复杂的算法，参考了很多信号，这些信号有强有弱，如果我们针对信号强度更高的项目进行优化，你会更容易看到SEO的效果，否则如果信号强度的排名信号较弱，即使优化也不一定有效。

比如网站整体内容是否丰富、质量是否高，就是一个高强度的信号。您的网页的 URL 中是否提及关键字是一个极低强度的信号。通常，网址中没有关键字，可以获得不错的排名。

那么我们在这篇文章中所说的“网站速度”是一种什么样的强排名信号呢？如果我们优化网站速度，对 SEO 性能会有多大影响？

答案是：“站点速度”是中高强度信号，信号强度只设置为增加。

很多年前，当第一次宣布“网站速度”会影响排名时，在很多项目中，我们优化网站速度后，我们可能不会观察到网站排名、SEO 性能和 SEO 流量会增加。依靠反向链接、内容和页面调整来看到显着的结果。但是在近两年优化和数据观察的实践经验下，我开始发现“网站速度”的信号强度越来越高，而且大部分优化效果都非常显着。同时，2018年曾有公开声明“网站速度”，“速度”的信号强度会增加，影响手机排名。 2020年，公布了与网站速度相关的排名信号Page（页面体验信号）。我只能说结论是显而易见的：

这两年，“网站速度”越来越受到重视。它对SEO的影响在逐年增加，而且肯定会在明年、后年、后年变得越来越重要。重要项目之一。

我之前写过一篇关于它的文章，有一个所谓的抓取配额（Crawl），如果你的网站速度太慢，会影响爬虫的健康，如果速度太慢，就会影响爬虫的健康。让爬虫爬取你的网页，或者说爬取的效率很差，整体的SEO性能也会很差。

无论是从“排名信号”的角度来看，还是从 SEO 技术优化的“抓取”的角度来看，网站速度都至关重要。

根据研究报告，网站速度对跳出率的影响非常显着。如果你的网站加载速度在 1~3 秒内，客户跳出网站的可能性会增加 32%，但只要慢到 5 秒，客户跳出网页的可能性就会增加到 90%（其实这是一个非常惊人的数据）。如果客户跳出率高，当然会影响你的转化率、订单成交率等业务绩效数据。

一个重要的概念：永远不要对网站速度感到满意

网站速度的优化影响很多层面，从跳出率、用户体验、对爬虫抓取性能的影响，甚至对SEO排名的影响。因此，网站速度优化是一项对网站整体非常有帮助的优化工作。

我们无法在工作或家中使用电脑来“感受”网站优化时的速度，我们的用户可能位于网络环境较差的地方，或者他的手机连接到更快的速度差的wifi网络。同时，“您觉得您的网站非常快”并不意味着您同意您的网站非常快。如果今天我们要为SEO优化网站速度，最终的目标是“判断你的网站速度是否好”，那么对于SEO用户来说还是为SEO优化速度。建议大家避免用自己的身体感官来判断网站速度是否好。相反，您应该使用一些网站速度分析工具进行分析和检测：

Page Speed是官方开发的一个工具。如果您想知道“如何查看您的网站的速度”，您可以使用工具来达到目的。是比较复杂的工具之一，所以在开始速度优化的时候，建议先用工具。

只点击Page Speed这个工具，在工具上方输入URL，该工具会给你的网站打1~100分，除了打分，你还可以在底部看到First Input Delay下图（FID）、Paint（LCP）、Shift（CLS）等三个指标，这三个指标就是Page的三个重要指标（网页体验信号）（如果你不知道这些指标是什么FID、LCP、 CLS，建议你先阅读网页体验信号的文章，然后再回到网站速度优化的文章），这三个指标也是从1到100分可以得到多少分的重要依据（还请特别注意手机版的网站速度）。电脑版网站速度的表现和网站速度的表现是分开的，有可能你电脑版的页面速度很快，但是手机版还有很大的优化空间）。

值得一提的是Page Speed工具有一个其他工具无法替代的地方，那就是“用户体验报告”，FID、LCP、CLS等指标有一个由绿色组成的条形图、 橙色和红色。此条形图显示了实际访问过您页面的用户生成的真实数据。对于下图，62% 的用户对 LCP 的体验良好，24% 的用户需要改进，15% 的用户体验不佳。

再次向下滚动测试报告，我们会看到很多速度优化项目，这里是工具提出的速度优化建议，并直接建议如何优化（我们将在文章的后半部分参考这些项目) 来解释），在实践中，我们会根据报告中发现的问题与网站PM和网站技术人员讨论如何改进这些项目。

虽然它不是一个开发工具，但它仍然是官方推荐的可用工具之一。打开工具后，您也可以通过简单地输入 URL 来开始测试。不同的是，您可以选择国家和浏览器进行速度测试。 ，如果您是国际品牌，并且您网站的目标群体来自各个国家和地区，您可以使用此工具来检测您的网站在不同地区的速度表现。

当您用完报告时，您可以点击“报告”查看下方的瀑布数据报告。从这份报告中，我们可以找出哪些文件最消耗您的网络资源，营销人员（非技术人员）可以从报告中的文件扩展名中识别是图像还是程序文件，从而降低了性能网站，jpg/png是图片的文件格式，js/css是程序文件，如果某个特定的程序文件占用太多性能的话，可以请技术人员讨论如何优化。如果图片文件拖累了性能，可以压缩图片或者使用图片压缩工具，调整图片，然后重新上传图片。

大多数时候我们其实可以使用Page Speed来解决问题。如果你觉得网站速度很慢，但无法通过Page Speed检测发现问题，可以通过交叉分析找出网页上哪些文件拖慢了网站速度。

其实我们有很多网页需要优化，所以我们会使用速度检测工具来检测和优化每个网页的布局（例如：对于一个电子商务网站，至少会有三个重要的布局，包括“首页”、“产品列表页”、“产品详情页”），但在实际操作中，如果页面太多，不知道从哪些页面开始优化，可以打开谷歌的“页面”操作时间”报告，该报告将显示哪些网页最慢。您可以先找到浏览量最多但网站速度较慢的网页，先优化这些网页。

网站速度优化的项目有哪些？怎么办？

我们已经阅读了上面的工具，现在让我们来谈谈它。工具用完数据后，如何优化网站速度？关于网站速度优化，有很多事情需要考虑。在开始优化之前，我希望您注意以下几点：

#1在技术人员的协助下：网站速度的优化项目有很多需要技术协助。请确保您身边有技术人员愿意陪您一起讨论、规划、执行。

就我而言，我的本质和专长仍然是一个“营销人员”，速度优化依靠网络技术人员的协助和支持是很正常的。

#2 如果您使用的是网站平台：如果您使用的是电子商务平台，您可能无法优化网站速度。如果你觉得网站速度太慢，影响了SEO、转化率、跳出率等。对于很多商业演出，最直接的解决办法就是联系平台厂商寻求帮助。但是，如果制造商无法提供帮助，那就太可惜了。如果您想要更快的速度，您可能不得不考虑更换平台。

#3 如果你使用的是网站：如果你使用的是开源网站（like），那么你使用网站的方式很可能会影响你网站的速度（比如你使用的主题、插件）、功能等），最好有对系统非常熟悉的人协助优化。如果是这样一个非常流行的系统，网上有很多文章和资源，你也可以边爬取边自己优化。

接下来，我们将开始介绍速度优化中常见的优化项。下面列出的项目主要是本文提到的Page Speed检测工具列出的优化项目。这些也是官方的建议。我们优化的项目，至于是否需要优化这些项目，运行一次Page Speed的速度检测工具，工具就会列出来：

图片尺寸太大、分辨率太高、画质太高是我们在速度优化中最常见的项目。很多人在上传图片（无论是产品图片还是文章图片）时并没有特别压缩的习惯。其实即使上传图片的分辨率是4000×4000或者800×800，你的用户看到的实际图片可能并没有太大的差别，但是4000×4000和800×800的图片尺寸可能是可以的差几倍。

通常我会建议您找到“不失真的最小分辨率”并将其用作标准。我的文章也是从 400 x 400、 500 x 500、 600 x 600 去一一尝试，最后我选择图片尽量大不超过600，宽度600的在我的网页上很清楚，而且尺寸不是太大。您可以通过调整图片的质量、分辨率和大小，或使用官方免费的图片压缩工具“”来压缩自己的图片。

以上情况是在“如果你的网页是你可以自己上传图片”的前提下，可以使用或使用压缩工具将图片压缩到一定大小后再上传。但是如果你是一个电子商务网站，你可能会遇到下面的情况。很多电商网站的商品列表页（下图左侧）和商品详情页（下图右侧）使用相同的商品详情页。图片的大小在用户看来是不一样的，因为网页上的 CSS 会缩放和调整网页上的图片大小（下图只是示意图，ebay 实际上是压缩图片的，如果你想看的话他们如何看待压缩另请参阅 ebay 上的产品列表页面）。

例如，在网页界面方面，您的商品详情页的图片块是分辨率为 400 x 400 的小图片，而商品详情页上的图片则制作成较大的尺寸供消费者查看清楚地。 800 x 800 的大片。

实际上，您的产品列表页面只需要在网络界面上显示 400 x 400 大小的图像。这时候如果把产品列表页的图片压缩到400 x 400，文件大小可以控制在一定的大小，但是很多网页的操作是“产品列表页的图片就是图片直接抓取商品详情页”，这会导致商品列表页，尤其是商品列表页加载分辨率更高、容量更大的图片。在图片数量较多的情况下，如果每张图片的大小要加载分辨率过大的图片，这样会导致整体的速度性能变差。

您如何知道您的网页上是否存在这种情况？你可以使用我文章中介绍的分析工具来检测，或者通过下面的方法，在你的产品列表页的图片上右击打开图片，看看是不是图片太大了。

这个问题最好的解决办法其实就是通过图片压缩包来解决。当我们上传图片时网站优化，我们的网站会在后台压缩几张不同大小的图片，并根据网站的需要使用它们。比如网站的侧边栏很小，只有200 x 200、产品列表页面只需要400 x 400，让压缩程序压缩不同大小的图片。网站和自己的网站都有类似的套件可以使用，但是如果网站要安装这样的套件，还需要技术人员的协助。

和 CSS 都是网页上的程序文件。如果Page Speed为你的网站抛出这个建议，说明该工具检测到你网页上的某些程序文件没有被使用。这些程序文件在使用中没有用到，但是用户的浏览器需要加载这些文件，当然会拖慢网站速度。如果您看到此项目，请与技术人员确认这些是否确实未被使用网站优化，是否可以删除程序文件。

此项目需要技术协助进行纠正/检查。

这也是一个需要技术人员协助的优化项目。用白话来说就是网页上的/CSS干扰了首屏的绘制。在实践中，我们建议延迟不太重要的 /CSS 的执行时间。

“排除转译的资源”和“删除未使用/删除未使用的CSS”都是程序文件的清理和清理。

这是官方推荐的优化项目之一。通过gzip压缩技术，我们可以有效地压缩网站上的文件大小（包括HTML、CSS等），进而优化网站速度。它还需要技术人员的帮助。你安装 gzip。

如果你的测速报告显示这个item time，说明你的host响应时间太慢了。这时候需要清理主机环境或者升级主机环境/硬件。

Next-gen其实就是指新一代（Next）的意思。过去我们使用的图片格式大多是JPG和PNG，但现在我们特别提倡使用新一代JPEG 2000、JPEG XR、WebP这些图片格式，因为这些图片文件容量格式更小，图像失真不严重，整体速度体验更好。但是由于目前并不是所有的浏览器都支持这些格式，所以这些格式还没有流行起来，也没有强制采用这些格式，只是处于推广阶段。

对于我的网站，我使用WebP图片格式并通过判断进行优化（当用户的浏览器支持时，网站会提供WebP图片。当浏览器不支持WebP时，我的网站会改为提供PNG图片） 由于大多数版本仍然支持 WebP，因此我最近决定使用这种图像格式。切换到WebP后，我每张图片的平均尺寸缩小了大约60~70%。

关于速度优化的一点点

判断一个网站的排名有很多信号。就算我们给Page Speed打90分也能保证网站速度的优化是很靠谱的，毕竟网站速度只是搜索引擎算法的一部分，虽然它的信号强度偏高，但是不要'不要指望只做好网站速度优化，排名就会上升。网站内容、关键词布局、反向链接等很多信号都与排名有关，网站速度只是其中之一。

同时网站速度优化的很多项目都需要技术人员的协助，比如“排除禁止转译的资源”、“排除禁止转译的资源、移除未使用的/移除未使用的CSS”等。全部正确 程序文件已清理、组织和优化。如果您使用的平台难以更改，或者公司没有技术人员协助，则很难进行。