即使在快速的互联网速度和即将推出的5G移动设备时代,页面速度(即网页加载的速度)仍然是网站建设时要考虑的主要因素。页面加载缓慢不仅会导致用户不耐烦和沮丧,还会对您在搜索引擎中的搜索结果产生负面影响。下面让我们了解一下与开发人员合作进行网站建设时需要考虑哪些页面速度的问题。
什么是页面速度,为什么它很重要?
“内容为王”这一个词在今天仍然是正确的。内容是决定页面排名的最重要因素。但是,用于网页排名的算法会从网站的许多不同方面着手,以确定您的网页是否值得获得最佳排名。
考虑这一点的最佳方法是查看您的网页为用户提供的良好体验。搜索引擎通常会偏爱那些内容最有帮助且相对于针对所有设备进行了优化的网站上的搜索查询的页面。这是因为这些页面是用户在其中找到问题答案并花费更多时间的页面。如果您的网站在移动设备上无法很好地显示或需要很长时间才能加载,则大多数用户甚至在完成所有图像的加载之前就已经离开了。这表明搜索引擎您的网站不是他们搜索的好结果。
影响页面速度的最大页面上因素是什么?
最常见的是,加载媒体的大小(通常是图像和其他媒体)对加载时间的影响最大。具有一两个大图像的站点可以轻松地将加载时间增加几秒钟。注意嵌入在网页上的所有媒体的大小,并通过减小文件大小来优化它们。
没有适合所有图像的特定文件大小。您应该简单地尝试使用以适当的像素大小(高度和宽度尺寸)渲染的图像,以供其使用,并且保证其质量不会导致明显的模糊或像素化。
通常,网站的任何图片都不应超过350KB,但是大多数图片看起来都不会超过100KB。理想情况下,我们希望网页的总大小都小于3MB,越低越好。
页面速度在2019年仍然有意义吗?随着互联网连接速率的提高,它的重要性正在削弱吗?
页面速度始终至关重要,即使平均互联网速度随着时间的推移而增加,总会有一些用户无法达到该速度,或者按流量付费的(当然访问的网站越小越好,这样省钱啊)。如果您的大型网页加载缓慢,或者在移动设备上无法正常显示,则搜索引擎会注意到这一点。
嵌入式视频或GIF怎么样?
动画GIF的文件大小通常非常大,因为GIF的每一帧都有必须加载的图像数据。要优化GIF而不造成严重的质量损失是非常困难的,因此我们通常避免使用它们,除非在某些情况下(例如电子邮件),否则动画就没有其他选择了。
视频是一种增加网站个性并提供有价值的内容的好方法,但是您必须注意单个页面上使用了多少个视频。视频的文件总大小很大,但是许多托管服务在异步加载(异步加载)方面做得很好,这实际上意味着要与网页的其余部分分开加载视频资产。这样可确保在浏览器从侧面下载视频时,页面的其余部分能够正常加载,而不必等到该页面正常运行后才加载所有资产。
与静态图像不同,视频文件还可以流式传输,这意味着视频的每一帧都是随着时间的推移而不是一次全部下载,这有助于确保您的网站可用,并且即使尚未完全加载视频也可以观看。
页面速度在台式机和移动设备上是否同样重要?
页面速度对于移动用户来说通常更为重要。搜索引擎了解到,移动设备上的用户通常将使用较慢的Internet连接,其设备的功能稍差一些,并且他们通常使用自己要付费的数据。
移动设备上的浏览器甚至具有内置行为,例如不允许自动播放视频文件,以帮助确保网页不会太大。否则,单个视频可能会用完用户手机数据计划的很大一部分。
每当优化网站时,您都需要注意不需要为所有用户加载的资产。确保异步加载此类资产,以便仅在必要时下载文件。
异步加载会影响格式吗?
这可能取决于网页的构建方式,但很可能没有。异步加载仅应用于对页面的整体结构不是必不可少的媒体。对于诸如视频之类的东西,托管服务提供的embed方法可以确切确定媒体的加载方式,但是它们通常将具有一个占位符对象,该对象显示直到那时为止,以保持间距一致。通常,这种对格式的关注仅适用于媒体,但是根据网站上的任何自定义字体或脚本,异步加载资产时可能还需要考虑其他因素。
有不那么明显的事情可能会影响页面速度吗?
是的,一个例子就是幻灯片。
为什么这些是不好的原因是因为你是加载的媒体不在,直到他们点击查看他们实际上对用户可见。此外,由于大多数用户只会看到第一张幻灯片,因此滑块是显示内容的一种较差的方式。异步加载可用于延迟任何媒体资源的下载,直到需要它们为止,但是总有比使用滑块更好的选择。
要注意的另一件事是网站上的嵌入字体太多。有许多服务,例如Google字体和Adobe Typekit,可以让您在需要时异步加载字体,但是您仍然要注意要添加的字体数量。我们建议仅使用一两个字体,并且仅嵌入这些字体系列中必要的字体粗细和样式。
关于如何提高页面速度,还有什么建议吗?
尽量减少HTTP请求的数量。这些是除网页本身之外还必须加载的文件和媒体资源,例如图像和脚本。即使您的所有资源都进行了优化,大量独特的HTTP请求也很容易导致页面变慢,尤其是当它们来自不同的服务器时。如果不是异步加载,则即使只有一项加载缓慢的资源也可能对页面速度产生巨大影响。
|