页面速度优化：如何提高加载时间

已发表: 2022-02-19

缓慢的网站会惹恼访问者，也会给 Google 带来负面指标。 在本文中，我们将解释您应该针对哪些基准测试、可以使用哪些工具来衡量您的页面速度，并提供 24 种优化加载时间的方法。

网站加载时间之所以重要，原因很简单：它们对用户的整体体验有很大影响。 因此，提高网站性能的最重要考虑因素之一是如何优化页面速度。

在这份综合指南中，您将了解如何测量页面速度（使用免费和付费工具）、导致用户速度变慢的原因，并发现 26 种优化加载时间的方法。 让我们开始。

内容

1.关于页面速度你需要知道的一切
2.您应该使用哪些工具来测量页面速度
3.网站加载需要多长时间
4.优化页面速度的方法
5. 快速网站的 OnPage 措施
6.自动页面速度优化

您需要了解的有关页面速度的所有信息

为什么网站加载时间很重要？

快速加载时间非常重要的原因有很多：

1. 积极的用户体验：谷歌认为较长的加载时间会对跳出率产生严重影响。 事实上，将加载时间从 1 秒增加到 6 秒可以将跳出率提高 106%，这就是为什么它现在是性能的核心 Web Vitals 之一（见下文）。

2、SEO排名因素：对于谷歌等搜索引擎来说，积极的用户体验是决定一个网站质量的重要因素。 这就是为什么谷歌现在将页面速度作为核心网络生命力之一。 因此，您的网站加载速度越快，您获得高排名的机会就越大。

3. 转化率优化：根据这项研究，加载时间延迟一秒可以将转化率降低多达 7%。 起初这听起来可能不那么重要，但如果您的网店每天产生 1,000 欧元的营业额，加载时间延迟一秒钟可能导致每天损失 70 欧元，每月大约 2,100 欧元。 如果您每年计算一次，页面速度慢是真正的营业额杀手。

4、爬取：加载慢的网站爬得慢，爬得不那么密集，因为Googlebot只有有限的爬取预算。 因此，更快的加载时间可能意味着您的网站被更频繁地抓取，这意味着您在 Google 索引中的内容也将更加相关。

页面速度是如何测量的？

一般来说，网站的加载时间是从网站被调用到完全显示在浏览器中的时间，以秒为单位。 术语“加载时间”和“页面速度”可以互换使用。 如果您在网络上搜索该主题，您会发现这两种变体。 网站的加载时间也可以分为 4 种不同的度量：

  • Time to First Byte (TTFB) ：从网站被调用到网络服务器加载第一个字节之间的时间。
  • First Contentful Paint (FCP) ：显示元素第一次在浏览器中显示的时间。
  • 首次有意义的绘制 (FMP) ：用户认为网站已加载的时间。
  • 交互时间 (TTI) ：网站已呈现并准备好供用户输入的时间。

在本文中，您可以准确了解如何测量页面速度。

您应该使用哪些工具来测量页面速度

有许多工具可用于分析和优化加载时间。 还有其他方法可以确定您网站的加载时间，例如使用日志文件分析。

PageSpeed 见解

这个用于测量加载时间的 Google 工具会不断更新和改进。 最新版本的 Pagespeed Insights 基于 Lighthouse，这是一种网站优化工具，也可作为 Chrome 浏览器中的扩展程序使用。 它使用来自 Chrome 用户体验报告 CrUX 的数据。

进入您的域后，该工具会计算 0 到 100 之间的速度分数。PageSpeed Insights 会区分移动设备的分数和桌面设备的分数。 移动分数被用作标准，并且通常非常低，因为谷歌希望激励网站运营商专门针对移动版本优化他们的网站。 在速度得分下方，会显示各个测量值。 它们的颜色编码可用于确定问题的严重性。

page-speed-insights StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

图 1： Google PageSpeed Insights 的起始页

谷歌分析

如果您使用 Google Analytics 分析您的网站，您将在“性能”区域找到有关加载时间的统计信息。 点击“网站速度”。 如果您安装了电子商务跟踪，则可以直接评估加载速度如何影响转化。

谷歌搜索控制台

在 Google Search Console 中，您会在菜单点“Crawling”下找到加载时间。 在那里，您将看到每天下载了多少千字节，以及 Googlebot 需要多长时间才能下载您的一个网站（以毫秒为单位）。 这可以帮助您轻松发现网站加载时间的问题。

雷特

Ryte-Load-Times-report StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

在 Ryte 平台的Web Performance下，您将在“加载时间”报告中看到您的网页得分情况的概览。 在此概览下方，您还将获得有关各个页面在“连接时间”、“第一个字节的时间”和“加载时间”方面如何得分的详细信息。

还有一份单独的“Core Web Vitals”报告，显示您的网站在 Google 的关键体验指标方面的得分情况，其中包括加载速度（通过“最大内容绘制”衡量）以及交互性（“首次输入延迟”）和视觉稳定性（'Cumulative Layout Shift'）。

慢

Yslow 是由 Yahoo! 开发的。 您可以将其用作书签、命令中心工具或浏览器扩展。 速度规则基于 Yahoo! 的规范。 由于命令行功能，该工具对于高级用户也很有趣。 请注意，还必须安装插件 Firebug 才能通过 Firefox 使用该插件。

2-1 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

图 2： Yslow

王国

您必须注册才能使用 Pingdom.com。 它通过图表和统计数据向您显示加载时间，从而简化了评估。 您可以轻松查看哪些元素。

3-1 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

图 3： Pingdom

WebPageTest.org

使用 WebPageTest.org，您可以模拟各种浏览器的加载时间。 您还可以从不同的位置进行测试，以测试网站为其他国家/地区的访问者加载的速度。

哪个加载更快

哪个加载更快比较两个站点的加载时间。 网站速度排名器一次最多可以比较四个网站，其功能类似。

网站加载需要多长时间？

一般来说，一个网站应该在不到两秒的时间内加载，以获得令人满意的用户体验。 加载时间越短越好。 理想情况下，加载时间应该少于一秒。 您的网站加载速度取决于各种因素。 有些，您可以通过页面优化来改进； 其他你无法影响的人。

您对这些因素没有影响：

  • 带宽：您网站的加载时间受可用 Internet 带宽的影响。 使用 3G 连接和智能手机，网站的加载速度将比使用快速 DSL 连接更慢。
  • 浏览器缓存：如果用户使用的浏览器缓存长期没有被清空，网站加载速度会明显变慢，因为计算机的内存无法处理海量数据。
  • 客户端处理能力：较旧的台式计算机和智能手机可能会遇到页面加载延迟，因为内存和处理能力不足会减慢 DOM 结构和脚本的执行速度。

您可以影响以下因素：

  • 文件大小：文件的大小决定了网站的加载速度。 这不仅包括 HTML 代码本身，还包括样式表、脚本文件和图像。 文件越小，页面加载速度就越快。
  • 服务器连接：当一个网页被调用时，网络服务器处理请求。 如果要处理的数据较少，它可以处理得更快。 如果在网站流量大的情况下同时发出许多请求，则主内存和处理器容量可能会被使用过多，从而成为加载时间的瓶颈。 在这种情况下，应该增加容量。

优化页面速度的 24 种方法

好的，既然您知道为什么加载时间很重要，以及如何为您的网站测量它们，让我们看看可以尝试优化页面速度的各种方法：

1. 创建快速连接时间

必须先建立 Web 服务器和用户之间的连接，然后 Web 服务器才能处理网页请求。 在此花费的时间称为连接时间、延迟或 ping。 您可以在 Ryte 平台上的Web Performance下对此进行测量。 理想情况下，延迟小于 100 毫秒。 如果连接设置需要更多时间，则可以采取优化措施。

2. 使用 CDN 实现全球覆盖

如果您的在线业务拥有全球影响力很重要，您会很快注意到连接时间可能会因访问网站的位置而有很大差异。 这是因为节点在地理上会增加到您的 Web 服务器所在的数据中心。

内容交付网络，简称 CDN，可以在这里提供帮助。 CDN 确保您的网站缓存在全球服务器网络中，以便在用户的计算机和 CDN 中的下一个服务器之间始终存在少量节点。 这项服务与高成本相关，对于主要针对德语地区的网站的运营商而言，这并不一定能带来回报。

要使用 CDN，您必须向提供商注册。 Cloudflare 有一些免费计划，但您应该准确检查该优惠在哪些条件下是免费的。 收费提供商通常按每月通过网络使用的数据量收费。

已知的供应商是：

  • 亚马逊云前
  • Cloudflare
  • 堆栈路径
  • 哇哦

3.优化您的网络服务器以提高页面速度

建立与 Web 服务器的连接后，此请求将处理并提供所请求的文件。 服务器端脚本也被调用，例如，它从数据库中读取内容并使其可用于输出。

4. 检测基础设施中的瓶颈

当网页加载缓慢时，可能是因为 Web 服务器及其底层基础设施过载。 这可能有多种原因，例如，如果主机出现错误或因为 Web 服务器必须一次回答太多请求。

重要的是要认识到这些瓶颈能够快速做出反应。 许多托管解决方案提供了监控服务器利用率的指标。 在上面介绍的测量中，可以使用 Ryte 平台在Web Performance下测量的“第一个字节的时间”也很有帮助。 如果显着增加，则 Web 服务器可能存在问题。

5.使用服务器端缓存

频繁请求的内容（例如数据库查询）可以缓存在服务器上，这样就不必一次又一次地执行请求。 这对于想要阅读多篇文章或查看产品的用户尤其重要——即在他们的会话中调用多个页面。 因此可以减少调用第一页后的加载时间。

在 Web 服务器软件的设置中——最常用的 Apache HTTP Server 和 Nginx——可以激活和设置服务器端缓存。 如果您没有必要的知识，您可以询问您的托管服务提供商或让自动云服务执行缓存和其他 PageSpeed 措施（见下文）。

6.使用浏览器缓存

使用浏览器缓存，您网站的元素由 Web 浏览器缓存，而不是 Web 服务器的服务器缓存。 因此，在访问您网站上的新 URL 时，并非所有元素都需要重新加载。 这提高了加载速度。
许多 CMS 可以通过插件或扩展程序激活浏览器缓存。

使用 WordPress 进行浏览器缓存的可能插件有，例如：

  • WP火箭
  • W3 总缓存
  • WP 最快的缓存

通过调整 .htaccess 文件可以手动激活浏览器缓存。 因此，您可以打开 Apache 服务器的两个模块：mod_headers 和 mod_expires。

如果您使用 mod_headers，.htaccess 必须使用以下代码完成（来源 - GitHub）：

<FilesMatch ".(css|js|gif|pdf|jpg|jpeg|png)$">
标头集 Cache-Control "max-age=2592000, public"
</文件匹配>

圆括号与要放置在缓存中的文件格式有关。 同时，缓存的持续时间要与“年龄”一起给出。 单位是秒。 在本例中，缓存由浏览器保存 30 天。

如果您想使用 mod_expires 进行浏览器缓存，请使用以下行扩展 .htaccess 文件：

##缓存过期##
<IfModule mod_expires.c>
过期活动在
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType 图像/jpeg“访问加 1 年”
ExpiresByType image/gif "访问加 1 年"
ExpiresByType image/png "访问加 1 年"
ExpiresByType text/css "访问加 1 个月"
ExpiresByType text/html "访问加 1 个月"
ExpiresByType 申请/pdf “访问加 1 个月”
ExpiresByType text/x-javascript "访问加 1 个月"
ExpiresByType application/x-shockwave-flash "访问加 1 个月"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "访问加 1 个月"
</IfModule>
## 缓存过期

此方法允许为每种文件类型单独确定唯一的时间范围。

7.使用GZip压缩

如果文件尽可能小，则可以最快地处理和发送文件。 这也适用于在用户浏览器中显示网站的代码。 与 zip 文件一样，此代码可以压缩，从而减小大小。 然后在浏览器中解压缩压缩数据。

长期以来，这种方法一直受到怀疑，因为需要Web服务器的计算能力，这也需要时间。 但是，利大于弊，因此您绝对应该使用它。 阅读我们压缩网站代码的完整指南。

如何使用 gzip 压缩文件？

Apache 服务器是最常用于网站的，因此以下示例适用于 Apache。

使用了两个不同的模块：mod_deflate 和 mod_gzip。

1. mod_deflate 模块通常是预装的。 使用以下控制台命令，您可以检查它是否已存在：

sudo apachectl -t -D DUMP_MODULES | grep 放气

如果您得到输出“deflate_module (shared)”，那么 mod_deflate 已经安装。 否则请联系您的房东。

2.现在打开“httpd.conf”，Apache 配置文件。 您通常可以在“/etc/httpd/conf/”文件夹中找到它。 在那里添加以下行：

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript
应用程序/javascript

这表明文本和 HTML、CSS 和 JavaScript 代码是用 GZip 压缩的。 保存文件并重新启动 Apache Web 服务器。 从现在开始，数据将由 Apache 压缩。

8. 启用 HTTP/2

默认情况下，所有网页文件（例如图像和脚本）都使用 HTTP/1.1 协议加载。 这些文件通过单独的连接一个接一个地下载。

这会减慢加载过程。 使用 SSL 证书，Web 服务器可以切换到 HTTP/2 协议。 通过 HTTP/2，所有文件都通过一个连接下载。 他们也被优先考虑。 所有常见的浏览器都支持该协议，因此您可以毫不犹豫地使用它。

在本文中了解更多信息：如何使用 HTTP/2 提高网页加载速度：初学者指南。

9.压缩图像

网站下载量的最大比例是由图像组成的。 对于拥有许多产品和投资组合网站的在线商店，尤其是摄影师的网站来说，更是如此。

如果您设法显着减小图像的文件大小，则可以显着提高页面速度。 我们已经在 Ryte 上写了一篇关于图像压缩的详尽文章。 这是一个总结。

10.优化所有图片

图像对于使网站清晰且对用户有吸引力很重要。 但是图像也可能会大大增加您网站的文件大小并减慢加载时间。 因此，您应该只使用针对 Web 使用进行了优化的图像。

通常，应将照片和高质量图形视为 JPEG 文件，而应将较小的图形和具有少量颜色或透明度的图形视为 PNG 文件。

进一步的步骤：

  • 使用图像处理程序（例如 Gimp 或 Adob​​e Photoshop）在将图像上传到您的网站之前对其进行压缩。 这两个程序都为初学者提供了“为网络保存”功能。 这样，文件大小将自动优化。 使用 kraken.io 或 PNGGauntlet 等工具，您可以通过删除附加信息来减小文件大小。
  • 源代码中给出了相应的图片尺寸： 如果浏览器必须自己计算图片的尺寸，可以增加加载时间。 给定的大小应与存储在服务器上的图像的原始大小相对应。 您还可以通过 CSS 定义有关图像大小的信息。
  • 删除元标签和 EXIF 数据：例如，如果您使用自己相机或智能手机中的图像，它们会包含许多附加信息，例如位置、使用的相机和其他数据。 使用 tinypng 之类的工具，您可以删除这些并节省存储空间。

11.使用WebP图片格式

借助 WebP，谷歌创建了一种新的图像格式，可以压缩无损（类似于 PNG）和有损（类似于 JPEG）的图像。 它甚至比旧格式更有效。

并非所有浏览器都支持 WebP。 因此，在源代码中存储 WebP 文件的替代项并安装开关是有意义的，例如：

<图片>
<source type="图片/webp">
<source type="图片/jpeg">
<img src="img/testbild2.jpg" alt="Fallback-Bild">
</图片>

12. 区分桌面网站和移动网站

未来，超过一半的用户将通过移动设备而不是台式电脑访问网站。 两种输出媒体对图像的要求非常不同。 在台式机上，通常有良好的互联网连接，而在大型高清显示器上，用户需要相应的高分辨率图像和最佳质量。

另一方面，在移动终端设备上，网站通常是在移动中访问的，因此带宽不是最高的。 小显示器也意味着质量要求较低。

此外，由于屏幕格式的原因，图像以与桌面不同的分辨率显示。 因此，区分输出媒体并创建图像的两种变体是有意义的。

与前面的 WebP 示例类似，开关也可以为此目的存储在网站的代码中。 例如，使用 CSS 可以查询屏幕分辨率，从而使显示适应输出介质。

13.设置延迟加载

在产品概览和照片库中，会同时显示许多图片——这大大减慢了加载时间。 这对于商店经营者和摄影师来说尤其是一个问题，对于在线商店来说尤其烦人，因为它通常是主页或产品类别的第一页。

但是，以这种方式加载的许多图像只有在用户向下滚动页面时才对用户可见。 因此，当用户查看“首屏”部分时，它们没有必要已经加载。

使用一种称为“延迟加载”的方法，您可以确保文件夹下的图像仅在它们实际出现在视口上时才被加载。

14.清理源代码

当调用网站 URL 时，客户端或浏览器会逐行跟踪 HTML 文档的源代码。 读取所有空字符或换行符。 一个多余的空字符不会对您网站的性能产生负面影响。

但是因为一个网站，根据它的大小，可能包含一百多行源代码，大量多余的空字符或评论会明显影响加载时间。

因此，您应该最小化您的源代码：

  • 删除所有不必要的评论。
  • 删除所有多余的空字符。
  • 删除不必要的格式，例如，如果在源代码中发现没有内容的格式，例如“<strong></strong>”

为避免多余的源代码，您应该始终在网站中插入格式化为 HTML 的文本，使用 CMS 编辑器，或者插入文本，然后将其格式化为纯文本。 如果您将 Word 或其他 Office 程序中的文本直接集成到 CMS 中，这将导致多余的源代码。

此外，还有一些程序可以从源代码中删除所有空格和注释。 如果您想使用这些程序，您应该始终保留一份副本以供编辑，因为缩小后的文件很难读取。

15.减少外部脚本

无论是共享按钮还是跟踪代码，外部脚本都可以以不同的方式和不同的目的集成到您的网站中。 这使您依赖于来自其他来源的这些脚本的可用性。

如果从中检索脚本的 Web 服务器特别慢，这也会减慢您网站的加载时间。 所以检查你是否真的需要这些脚本。

更多提示：

  • 仅使用异步跟踪代码。 它们在网站被渲染后才会加载，并且不会阻碍网站加载。
  • 使用 Google 跟踪代码管理器等工具。 这意味着只需将一个代码片段集成到多个跟踪代码的源代码中，加载时间不会受到显着影响。
  • 如果可能，您应该将脚本存储在您的 Web 服务器上，而不是从外部集成它们。
  • 减少 iFrame 的数量。

16. 外包 JavaScript 和 CSS

JavaScript 是一种脚本语言，使用它可以在浏览器中执行功能，从而在客户端计算机上执行。 CSS（层叠样式表）可用于定义网站的格式和表示。 这些元素需要大量源代码，每次请求 URL 时都必须重新加载。 这需要时间。

为了减少源代码，您可以外包 CSS 和 JavaScript 文件。 然后将它们合并到一个文档中。 只需要一次检索。 如果浏览器将文件加载到缓存中，则可以再次减少加载时间。

如何外包 JavaScript：

使用编辑器显示您网站的源代码。 接下来，剪切所有 JS 文件并创建一个新的文本文件，在其中插入所有代码片段。 将文件另存为 main.js 并将其存储在您的服务器上的所有其他 HTML 文件所在的文件夹中。

在网站的 HTML 代码中，删除以下命令：

code6 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

和

code7 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

用以下命令交换已删除的命令：

code8 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

17. 最小化 CSS 和 JavaScript 文件

您可以通过删除不必要的空字符来减小 CSS 和 JavaScript 的大小。 这些也称为“空白”。 通过这种方式，例如，源代码可以减少到只有一行。

具有可用空字符的代码段：

Code1 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

CSS 代码和空字符：

code2 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

删除空白和注释会大大降低可读性。 理想情况下，您应该使用两个版本：一个包含所有可以编辑的空格和注释的版本，以及一个用于在网站上显示的版本。

因此，您不必重复所做的每一个更改，例如，您还可以使用程序来“缩小”它。 您还可以使用特殊工具来最小化 JavaScript 和 CSS。 推荐的工具包括：

  • 用于 CSS 文件的 YUI Compressor 或 cssmin.js
  • JavaScript 闭包编译器

18. 最后加载 JavaScript 和 CSS

在加载所有 JavaScript 和 CSS 文件之前，您的网站不会完全显示。 为了方便加载过程，您可以在 HTML 代码的末尾插入 JavaScript 和 CSS。 即使服务器速度很慢，您的网站开发也不会受到影响。

因此，CSS 文件的理想位置是网站的 <head> 区域。 但是，您应该将 JavaScript 合并到网站的页脚中。

文件的可能集成可以显示为：

code3 StoryblokMigration PageSpeed Optimization PageSpeed Loading Time

19. 使用 CSS3 作为背景

您网站上使用的每张图片都需要几行代码。 调用网站时会逐行读取此代码。 如果您将按钮、图标或背景存储为图形，浏览器将需要大量时间来加载您的网站。

解决方案在于通过 CSS3 生成除照片之外的所有图形元素。 这样，您将减少源代码。 同时，文件在所有终端设备上都以相同的高质量显示。

20.使用预取和预渲染

如果您使用预取技术，您的浏览器会在缓存中存储网站的某些元素，甚至在网站完全加载之前。 通过这种方式，可以加载图像、图形或 JavaScript 和 CSS，而不会妨碍网站的呈现。

您必须调整源代码以允许预取文件。 在这种情况下，所需元素以属性 rel=”prefetch” 开头。

一个例子：

<link rel="prefetch" href="//mysite.com/example-image.jpg">

在这里，甚至在加载另一个站点之前就重新加载了示例。 因此缩短了新站点视图中的加载时间。

如果使用预渲染的方式，会提前从浏览器中下载一个完整的网站，并暂时存储在缓存中。 其中包含完整渲染所需的所有文件。 预先渲染的网站在调用时几乎可以毫无延迟地加载。 加载时间因此减少到少于 50 毫秒。

为了实现预渲染，您必须在要访问的网站的源代码中插入以下行：

<link rel="prerender" href="//prerendering-site.com/index">

21. 减少 301 重定向

301 重定向非常适合避免重复内容或在重新启动后将旧 URL 重定向到新 URL。 然而，每次重定向都会增加加载时间——并不显着，但每次浏览器遇到重定向时，都必须检索一个新的 URL，并且浏览器必须等待返回一个 http 请求。 如果多个 310 重定向相互跟随，加载时间会显着增加。

>> 重定向：适合初学者的指南 <<

为避免过多的重定向，您应该记录 URL 结构或新 URL 的开发。 已建立的 301 重定向也是如此。 如果在分析您的网站时发现了多个转发，您应该将第一个转发直接引导到实际链接目标，而不要绕道一个或多个重定向。

22. 避免错误请求

如果客户端（例如 Web 浏览器）访问您的站点，则会对每个资源发出请求，以便能够显示该文件。 如果仍然没有以图像或 JavaScript 文件的形式找到这些资源，这可能会导致浪费加载时间的反应链。

您可以通过更正错误文件并提供正确路径或转发到新文件来轻松避免错误请求。

23. 使用 AMP

谷歌通过 Accelerated Mobile Pages 为网站管理员提供了几乎没有延迟加载移动网站的机会。 为此，网站必须满足某些要求，才能在移动设备上显示。

许多 CMS（例如 WordPress）允许在插件的帮助下使用 AMP。 到目前为止，AMP 还不能用于在线商店。 但是，这是开发人员设想的。

更多资源：

  • AMP项目主页
  • WordPress-AMP 插件

24.尝试自动页面速度优化

在本指南中，您学习了许多提高页面速度的措施。 但是，这些措施中的大多数都需要您具备技术知识和实施它们的时间。

如果这两件事之一对您来说是一个障碍，您可以将页面速度优化留给自动化服务。

用于自动优化页面速度的云服务 wao.io 的工作原理如下： wao.io 就像内容交付网络一样，临时存储网站，并执行您可以通过菜单定义的措施。 除了智能图像压缩和代码最小化之外，这还包括延迟加载等高级措施。

wao.io 还可以防止安全攻击，并提供网站监控和用户数量的指标。

结论

网站有许多可能的调整螺钉，您可以使用它们来改善页面的加载时间。

在本文中，您发现了一些可能性。 有些方法对于初学者和 SEO 新手来说也很容易实施。

即使您只尝试其中的几个，我们相信您可以让您的网站更快，让您的用户更快乐，并获得更好的搜索排名。

使用 Ryte FREE 分析和优化您的页面速度

现在开始！