如何评估和提升页面速度?


页面内容加载的速度被称为网站速度或加载速度。快速网站加载时间对于搜索引擎优化至关重要。页面加载时间受多个因素影响,包括网络托管和页面大小。网站的桌面版和移动版之间也存在性能差距。了解页面速度如何影响搜索引擎优化,在哪里获取测量工具以及如何使您的网站速度更快。

适合搜索引擎优化的最佳方法

网站速度(以及页面速度)已被提及为 Google 算法使用的指标。此外,研究表明,Google 在对网站进行排名时可能需要考虑获取第一个字节的时间。如果搜索引擎由于页面速度慢而在给定时间内可以抓取更少的页面,则您网站的索引也可能会得到改善。

页面的加载时间对用户体验至关重要。网页加载时间越长,跳出率越高,页面停留时间越短。还发现加载时间越长,转化率越低。

为了减少网站加载时间,您可以 -

使用内容分发网络 (CDN)

通过在全球各地的多个数据中心存储经常访问的文件的副本,内容分发网络 (CDN) 大大减少了网站加载时间。内容分发网络使用的缓存服务器通常在物理位置上比主机或源服务器更靠近最终用户。用户的资源请求被发送到 CDN 服务器,而不是可能位于数百英里之外的不同自治系统中的托管服务器。通过使用 CDN,可以大幅缩短页面加载时间。

压缩 CSS 和 JavaScript 文件

要“缩小”代码,您会删除任何对计算机理解和运行代码不必要的内容,例如注释、空格和多余的分号。这将导致较小的 CSS 和 JavaScript 文件,这些文件在浏览器中加载速度更快,并且使用更少的带宽。仅缩小本身只会对性能产生一定影响。但是,如果实施了这些其他建议,则网站的性能将得到改善。

第三,最小化 HTTP 请求数量

浏览器必须发出多个 HTTP 请求才能加载页面的图形、脚本和样式表。实际上,许多这些请求将由不同的站点需要。如果网页向不同的服务器发出许多请求,则网页的加载时间可能会增加。此外,由于网站依赖于来自多个站点的资源,因此如果其中任何一个主机出现故障,可能会出现性能问题或页面完全无法加载。

因此,您应该最小化每个页面需要加载的资源数量。此外,速度测试可能会显示哪些 HTTP 请求花费的时间最长。例如,如果页面的加载时间很长是因为图片,则程序员可能会尝试找到更有效的图片托管选项(例如 CDN)。

增强图片质量

图片占所有网站流量的很大一部分,并且通常加载时间最长,因为图片文件的大小通常比 HTML 和 CSS 文件大得多。图片优化可以帮助加快页面加载速度。有几种免费的在线图片优化器和图片压缩器可用于减少图片分辨率、文件大小以及图片优化的其他不必要方面。

利用浏览器中的缓存 HTTP 请求

通过在本地浏览器缓存中保存经常请求的静态文件的本地副本,经常访问的网站加载速度比每次都从服务器请求资源时快得多。网页设计师可以告诉浏览器将网站的常用部分保存在缓存中。服务器 HTTP 响应的标头提供了浏览器缓存的指令。由于服务器不必向浏览器发送大量信息,因此这加快了回头客的页面加载速度。

减少第三方脚本的使用

外部评论系统、号召性用语按钮和潜在客户生成弹出窗口都是网站上必须在每次页面加载时从其各自位置加载的已编程功能的示例。这可能会导致网站速度变慢或在加载时更改布局(称为“内容跳跃”或“布局偏移”),这对移动用户来说尤其令人讨厌。

删除阻止渲染的 JavaScript

每个脚本(通常位于不同的 URL)都将在您的网页在浏览器中加载时被调用。为了使网站对用户加载,所有等待执行的脚本都必须完成。加载时间很长的 JavaScript 文件可能是这些队列中的一个重要瓶颈,因为它们会阻止在此期间显示页面上的主要内容。

网页浏览器通常在加载资源时遵循 HTML 顺序。当资源需要用户设备的大量处理能力时,它可能会大大降低页面显示的速度。但是,在大多数情况下,不需要这些脚本即可查看页面。通常,最好让这些脚本在页面加载后执行。您可以通过使您的阻止渲染的 JavaScript 异步加载或删除不必要的脚本(或 JavaScript 资源的未使用部分)来解决此问题。

使用 Expires 标头

重复访问您网站的用户会感谢标头带来的时间节省。它们告诉浏览器是从服务器获取文件还是从本地存储中检索文件。由于需要从服务器下载的文件更少,并且发出的 HTTP 请求更少,因此网站加载时间得到了改善。

现代网站上的单个页面可能包含数百个文件——加载所需的时间会随着每个文件的大小而增加。但是,由于每个文件传输都需要向服务器发出请求,因此会产生额外的等待时间。Expires 标头指定浏览器在您的 Mac(或其他设备)上可以使用缓存中的文件而不是再次从服务器下载文件的时间。

结论

当用户访问某个网站上特定 URL 时,可能会将其重定向到另一个页面。每次页面必须加载新页面时,由于重定向,都需要花费几毫秒的额外时间。当您尝试优化网站速度时,每一秒都很重要。除非必要,否则不建议使用重定向。

更新于: 2023年4月5日

78 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告
© . All rights reserved.