网页速度，代表网页内容读取的速度，是一种衡量网页表现的指针，但单看这个名词本身并不具有一个明确的定义。

一般来说，常见的描述方式有网页加载时间(page load time)与TTFB(time to first byte)等，网页加载时间指的是完整读取网页并显示于浏览器所花费的时间，而TTFB则是从用户端送出请求起，到用户端浏览器收到第一个字节为止所经过的时间。

然而，Google等搜索引擎并没有明确指出在网页速度这个因素，各自采用了什么计算标准。

网页速度与网站速度这两个名词常让人混淆，简而言之，网站速度的指针，是对网页速度指针做抽样计算而成的。

以下我们分三个段落详加介绍网页速度：

• 网页速度会影响在Google的排名吗？
• 网页速度检测工具
• 网页速度的SEO优化作法

网页速度会影响在Google的排名吗？

Google在2010年时宣布将网站速度列为排名因素之一（当时的里面所写的因素仍是site speed而非page speed）。

Google认为，速度快的网站可以为用户带来更好的体验，其在2009年所做的一项结果指出了在刻意造成延迟后，用户的使用程度(日搜索量)下降了。

再来，我们可以看一下2013由Google所发布的影片：

Matt Cutts在影片中提到，假设今天有两个网站，除了速度外其他所有因素都相同，速度较慢的那一个的确会排名较低。当与其他一起被列在搜索结果中的网站相比，若你的网站速度特别缓慢，那这的确有可能会造成你的网站排名较其他网站低。而无论在桌机与手机端来说，网站的速度都会是用户非常在意的使用体验之一。

2018年1月，Google在官方博客，于2018年7月起，网页速度将成为行动搜索的排名因素之一。而这次名为「Speed Update」的更新，只会影响那些最为缓慢的网页，占整体结果的比例很小。搜索查找的意图仍旧是一个非常强力的因素，倘若一个缓慢的页面上有着高度相关且有价值的内容，它还是可能占据很好的排名。以下节录部分内容：

We encourage developers to think broadly about how performance affects a user’s experience of their page and to consider a variety of user experience metrics. Although there is no tool that directly indicates whether a page is affected by this new ranking factor, here are some resources that can be used to evaluate a page’s performance.

此一速度更新只会影响到结果排名的呈现，并不会影响该网页是否被索引。可以参考以下John Mueller与Gary Illyes在Twitter上的相关回复：

网页速度检测工具

那么，该如何检查自己的网页速度呢？以下提供两个检测工具作为参考：

(1)

只要在框内输入网址，就可以观看针对该页面的网页速度评级与最佳化作法建议。

这项工具如今使用了来自Chrome User Experience Report的真实用户数据集，以提供接近真实表现的结果。

PageSpeed Insights会计算两项数据：FCP(First Contentful Paint)与DCL(DOM Content Loaded)作为评级的指针。

工具会分别计算FCP与DCL的中位数，并与数据集中的其他网页比较，依比较结果分为Fast、Average、Slow三个等级。

当两项数据都是Good时，整体评级为Fast。

当两项数据都是Slow时，整体评级为Slow。

其他所有情况，整体评级为Average。

除网页速度的评级外，还有一项最佳化的分数，衡量网页符合「网页表现最佳作法」的程度，区间为0-100。

此项分数一样会区分为3个评级：80分以上为Good；60-79分为Average；0-59分为Low。

你可能会想问，FCP与DCL两项数据，是否与Google在网页速度相关排名因素所采用的数据相同？

对此，Google一贯的并不正面回应，对于算法中使用的数据类型不予回答，并表示这些信号的目的是为了改善用户体验。Google鼓励网页开发者更广泛的去思考网页表现会如何影响用户体验，并在改进用户体验时考虑多样的相关数据。

(2) 

WebPageTest是一项开源软件项目，主要由Google发展与支持。

将要进行测试的网页网址输入后，会以瀑布式呈现显示，如下图。可以知道在工具的缺省设置下，所测试出来的各项网页速度指针数据为何。此外还有很多高端选项可供调整，可以让你依偏好取得网站速度性能相关的报告。

网页速度的SEO优化作法

(1)进行文本压缩

GZIP是一个用于文档压缩的软件应用，利用GZIP进行压缩可以减少最多90%的文档大小，其中又以文本压缩的效果最好。透过这样的做法可以减少下载资源的时间，缩短第一次使用网页呈现所需的时间。

所有的现代浏览器都支持并自动将GZIP用于所有的HTTP请求，因此建议在网络服务器上正确设置、激活GZIP压缩。

(2)减低重导向的次数

每当从一个网址导向到另一个网址，由于增加了额外的HTTP的请求-回应流程，用户等待网页加载的时间也就随之增加。

所以，若是能够将重导向的使用最小化，网页表现也会跟着提升。

以下举两个例子：

www.example.com 使用响应式设计，所以不需要重导向，网页速度相对较快

www.example.com → m.example.com 相对于上面的例子，行动端用户在使用时就会花费较多的时间

(3)最小化JavaScript的使用

当浏览器在解析HTML标记以绘制页面时，若是遇到其他脚本，则必须停下来运行它之后才能接续解析HTML。

建议作法是，避免并最小化这些会打断页面绘制的JavaScript，绘制页面所必需的脚本可以放置在HTML内或是组合的外部js文档中，以避免额外的网络请求，而这些内置的脚本应该尽可能的小，并且能够快速运行，以达成好的网页表现。对于页面最初绘制来说不重要的脚本应该以异步化处理或是延迟到最初绘制后运行。

关于更多详细作法，可以参考。

(4)改善服务器回应时间

根据Google的建议，服务器回应时间应该低于200ms。

有许多因素可能造成影响，网站的流量、每个页面所使用的资源、服务器所使用的软件或是所使用的服务器等。

根据现有的状态测量，从所得到的数据去判断所造成影响较大的问题为何，例如缓慢的数据库查找、内存或资源CPU不足等等，试着改善它，并再次测量。

(5)缩减HTML、CSS或JavaScript文档的大小

你可以透过移除非必要或是多余的内容，在不影响浏览器处理资源的情况下，达到缩小文档大小的目的。

例如文档中的注解、样式、未使用的代码，或是使用较短的变量或函数名称等等。

以上所列出的作法，并不见得在运行后会直接明显的影响网站排名，但站在搜索引擎的立场，用户喜欢的网站，就会是搜索引擎应该要推广的网站。

网站若要长久经营，便要考虑用户的感受。就好比若有客人到餐厅用餐，店员因为繁忙，过了20分钟都还未曾招呼客人是否可以入座或是该在哪里等候，即便餐点很吸引人，客人离开的机率还是会因此提高。

所以透过改善网页速度，缩短用户等待网页加载的时间，目的就在于提升使用体验，同时也期望透过体验的改善，让SEO的效果有所成长。

参考数据：

cover image credit：