网页速度慢影响用户体验，影响搜索排名

即使是在网速超快、5G移动网络即将到来的时代，网页速度(即网页加载速度)仍然是构建或重新设计网站时需要考虑的主要因素。

页面加载缓慢不仅会导致用户不耐烦和沮丧，还会对谷歌的搜索结果产生负面影响。我和开发商坐了下来蒂姆Ostheimer当你和开发人员一起更新你的网站时，为什么你需要考虑页面速度。

约翰•贝克:什么是页面速度，为什么它很重要?

蒂姆Ostheimer内容为王这句话在今天仍然适用。内容是决定页面排名最重要的因素。然而，用于页面排名的算法着眼于你的网站的许多不同方面，以确定你的页面是否值得在顶部结果。

考虑这个问题的最好方法是看看你的网页给用户提供的整体体验。搜索引擎通常会青睐那些内容最有用的页面，并且相对于那些针对所有设备进行优化的网站的搜索查询。这是因为这些页面是用户找到问题答案并花更多时间的地方。如果你的网站在手机上的显示效果不佳，或者需要很长时间才能下载，那么大部分用户在下载完你的图片之前就已经离开了。这会向搜索引擎表明你的网站不是一个好的搜索结果。

简森-巴顿:影响页面速度的最大页面因素是什么

来最常见的是加载资产的大小，通常是图像和其他媒体，这对加载时间有最大的影响。带有一两个大图片的站点很容易就会增加几秒钟的加载时间。注意你网页上嵌入的所有媒体的大小，并寻找任何机会通过减少它们的文件大小来优化它们。

没有特定的文件大小适合所有的图像。您应该简单地尝试使用以合适的像素大小(高度和宽度尺寸)渲染的图像，并在质量设置上不会导致明显的模糊或像素化。

一般来说，一个网站的图片不需要超过350KB，但大多数在100KB以下看起来也不错。理想情况下，你希望你的网页文件的总大小，包括所有资产，小于2或3MB。越低越好。

简森-巴顿:页面速度在2019年还重要吗?随着互联网连接率的提高，它的重要性是否在下降?

来网页速度总是很重要的，尽管平均网速会随着时间的推移而提高，但总有一些用户无法达到这样的速度，或者有些用户通过移动设备访问网站，并为下载的每兆字节付费。如果你有一个加载缓慢的大网页，或者一个在移动设备上显示不佳的网页，谷歌和其他搜索引擎会注意到这一点。

简森-巴顿：嵌入式视频或GIF呢？

来:动画GIF通常文件大小非常大，因为GIF的每一帧都有图像数据，必须加载。要优化一个GIF图像而不造成严重的质量损失是非常困难的，所以我通常避免使用它们，除非在某些情况下，比如电子邮件，在那里没有其他的动画视觉选择。

视频是增加网站个性和提供有价值内容的好方法，但你必须小心在一个页面上使用多少视频。视频的总文件大小很大，但许多托管服务在一些叫做异步加载，这本质上意味着将视频资源与网页的其余部分分开加载。这确保了页面的其余部分正常加载，而浏览器下载的视频在旁边，而不是等待所有资产加载后，网页成为功能。

与静态图像不同，视频文件也是流媒体的，这意味着视频的每一帧都是随时间下载的，而不是一次性下载，这有助于确保你的网站是可用的，即使你的视频还没有完全加载完，也可以观看。

简森-巴顿:网页速度在台式机和手机上同样重要吗?

来:对于移动用户来说，页面速度通常更重要。搜索引擎知道移动设备上的用户通常会使用较慢的互联网连接，他们的设备稍微不那么强大，而且他们经常使用付费的自己的数据。

移动浏览器甚至有内置行为，如视频文件不被允许自动播放，以帮助确保网页不太大。否则，单个视频可以使用大量用户的手机数据计划。

当你在优化一个网站的时候，你应该注意那些不需要为所有用户加载的资产。确保这些资产是异步加载的，这样文件才会在必要时下载。

简森-巴顿:异步加载会影响格式化吗?

来:这可能取决于网页是如何构建的，但很可能不是。异步加载应该只用于那些对页面整体结构无关紧要的资产。对于像视频这样的内容，托管服务提供的embed方法可能会精确地决定资源是如何加载的，但它们通常会有一个占位符对象，在此之前会显示它以保持间距一致。通常这种对格式的关注只适用于媒体，但根据网站上的自定义字体或脚本，异步加载资产时可能需要考虑其他事情。

简森-巴顿:是否有一些不太明显的因素会影响页面速度?

来:是的，一个例子就是滑块——比如图像滑块。

这些不好的原因是，你加载的资产实际上并不对用户可见，直到用户点击才能看到它们。此外，滑动条是一种糟糕的显示内容的方式，因为大多数用户只会看到第一张幻灯片。异步加载可以用来延迟任何媒体资产的下载，直到他们需要，但可能有更好的选择比使用滑块。

另一件需要注意的事情是网站上有太多的嵌入式字体。有很多服务，比如谷歌Fonts和Adobe Typekit，它们可以让你在需要的时候异步加载字体，但你仍然需要小心你添加了多少。我们建议只使用一到两种字体，只嵌入必需的字体权重和字体样式。

简森-巴顿关于如何提高页面速度，你有什么最后的建议吗?

来：尽量保持HTTP请求的数量尽可能低。除了网页本身之外，这些是必须加载的文件和媒体资产，例如图像和脚本。即使您的所有资产都很好地优化，大量唯一的HTTP请求也可以很容易地贡献较慢的页面，特别是如果它们来自不同的服务器。如果不同步加载，甚至只有一个缓慢加载资产也可以对页面速度产生巨大影响。

关于技术方面的更多信息，我建议阅读Daniel Escardo的文章，第一个字节的时间．