2022-06-16

减少 HTTP 请求数量和提高网站加载速度的 8 种方法

1.删除不必要的图像

目标是最大限度地减少网页必须加载的文件和图像的数量。这反过来又减少了 HTTP 请求的数量,并可能提高网页的加载速度。

这里有两点需要注意:

(1)清理您的媒体库并删除任何不必要的图像。

(2)不要仅仅为了减少 HTTP 服务器请求而牺牲图像。是指删除不必要的图像,而不是尽量减少您通常使用的图像数量。处理完图像后,请查看并删除其他一些不必要的文件。 确定您的网页使用的不同元素,然后选择那些不必要但会占用您的资源的元素。摆脱它们并提高您网站的加载速度。

2.缩小图片尺寸

减小要在网页上使用的图像的文件大小。减小图像大小是提高网页加载速度的最基本技术之一。建议利用图像缓存来进一步减少服务器负载并提高网站速度。

3.实现延迟加载技术

一个页面可能有很多图像。当用户访问该页面时,您的站点会向所有这些图像发送 HTTP 服务器请求。根据您的网页的重量,这可能会减慢它的速度。

 但是,如果用户甚至从未打算向下滚动到页面底部并查看所有这些图像怎么办?——延迟加载技术解决了这个问题

它不会发送不必要的 HTTP 请求,而是仅在用户向下滚动到页面上的图像时发送服务器请求。 通过延迟加载技术智能利用资源可以显着减少 HTTP 请求的数量并提高站点的加载速度。

4.忽略页面上不相关的资产

忽略网页上的相关资产与延迟加载类似。正如我们所说的,延迟加载会延迟向服务器发送未查看图像的请求。 同样,您可以安装插件,它会检测存在于您的网站主题中但位于特定页面上的插件和文件。一旦识别出此类文件,插件将阻止它们在页面上加载

5. 缩小 CSS 和 JavaScript 文件

缩小是用于提高网站加载速度的重要技术。这意味着从 CSS、JavaScript 和 HTML 文件中删除不需要执行的不必要代码——例如,不必要的字符、空格、注释等。

6. 结合 CSS 和 JavaScript 文件

就像缩小一样,结合 CSS 和 JavaScript 文件也是减少网站总文件大小的一种非常好的技术。将所有 CSS 和 JavaScript 文件合并到一个单独的文件中。 如果将 3 个 CSS 文件合并为 1 个 CSS 文件,将 4 个 JS 文件合并为 1 个 JS 文件,您的站点将只发送 2 个请求而不是 7 个。缩小和组合 CSS 和 JavaScript 文件是减少 HTTP 请求数量和提高网站加载速度的有效方法。

7. 尽量减少外部脚本的数量

强烈建议识别正在添加请求的所有其他文件。您可以在 Google Chrome 网络面板中执行此操作。

外部脚本增加 HTTP 请求的数量很多,通过确定降低您网站速度的确切第三方集成和外部脚本,您就可以选择保留哪些资产和牺牲哪些资产 。

8. 使用内容交付网络 (CDN)

CDN 是位于世界不同地区的服务器网络。CDN 在您的网站上缓存静态内容,然后在用户访问您的网站时提供缓存的内容。缓存的内容是从离用户物理位置最近的服务器传送的。

是否要使用 CDN 取决于几件事。最重要的是您的流量是本地的还是国际的。如果您的大多数网站访问者都是本地访问者,则不需要内容交付网络。如果来自世界各地的用户访问您的网站,CDN 对于加速您的网站非常有用。

你可能感兴趣的:(2022-06-16)