了解如何使用这 11 种技巧来缩短网站的加载时间
Posted: Thu Jan 23, 2025 10:10 am
网站速度对于用户体验和 Google 排名至关重要。因此，太原手机号码数据库如果您想留住网站访问者并通过 SEO 改善结果，请参阅以下方法来评估和改善页面的加载时间。
伊万·德·苏萨
20年5月9日 |阅读时间 12 分钟
如何提高网站加载时间
阅读时间： 10 分钟
时间不够已经成为我们日常生活的一部分。看着时钟让我们感到焦虑：我们将无法完成一天的所有任务。在这种背景下，没有人能够容忍网站速度慢，这是非常可以理解的，对吧？
随着日常生活的忙碌，消费者希望获得不浪费时间、更不浪费耐心的在线体验！
因此，改善页面的加载时间应该是数字营销策略的优先事项之一。
然而，对于大多数网站来说，这似乎不是一个优先事项。根据Google 进行的一项调查，移动设备上的平均页面加载时间（在购买过程中越来越重要）为 15 秒。
考虑到 53% 的访问者在加载时间超过 3 秒时就会放弃网站，这简直就是永恒！
您是否想过加载页面的每一秒会浪费多少钱？
这个数字已经计算出来，在线零售商的全球销售额每年损失约 17.3 亿英镑。有了这些数字，显然您需要考虑网站的速度。
这就是我们写这篇文章的原因！为您提供可帮助您评估和改善页面加载时间的工具。
继续阅读！
测量网站速度的 5 个工具
Google致力于让互联网变得更快。这家搜索巨头非常了解用户行为，知道他们期望什么体验。
2010 年，搜索引擎将加载速度作为定位因素之一，并在 2018 年将此标准扩展到移动搜索，这并非巧合。
此外，几个月前，全球最大的搜索引擎宣布，从今年开始，页面上的用户体验将成为主要排名因素之一。
为了帮助想要提高速度的网站，Google 创建了一些工具来帮助诊断页面并指出可以进行的更正。
下面，我们将向您展示其中的一些。
1.PageSpeed洞察
这是最流行的页面速度测试工具。PageSpeed Insights是由开发人员提供支持并由 Google 提供的免费资源。
使用它非常简单，输入您要测试的URL（可以是任何网站，包括您的竞争对手）。
然后，该平台会执行分析，并针对桌面和移动设备上的性能给出从 0 到 100 的分数。
该诊断还显示网站元素加载所需的时间以及可以采取哪些步骤来提高速度。越接近 100 越好，这意味着您需要修复的项目更少。
2.灯塔
Lighthouse是 Google 提供的开源软件，用于审核网站。
它可以作为命令行工具或作为Google Chrome 扩展程序运行（具有更用户友好的界面）。
它不仅分析速度，还分析网站质量的各个方面。为此，您必须输入要审核的 URL，以便平台针对每个要求提供分数和改进提示：
表现;
可达性；
最佳实践；
搜索引擎优化；
渐进式网络应用程序。
3.Chrome用户体验报告
Chrome 用户体验报告也是Google 开发者评估网站用户体验的工具。
与其他工具不同，这个工具需要更多的技术知识才能使用代码。
该工具从 Google Chrome 用户收集真实数据并显示平均网站数据，包括网站速度。
因此，开发人员可以将自己的性能与平均值进行比较，并评估哪些点需要改进。
谷歌多米纳套件
4. GTmetrix
GTmetrix是著名的测量网站速度的工具。
分析您指示的页面后，平台除了显示市场平均值以供比较之外，还会显示速度、加载时间和页面总大小的百分比分数。
然后，您可以看到有关提高加载速度的设置建议。
5.平多姆
Pingdom也是最流行的网站测试工具之一，尤其是在WordPress 社区中。缺点是它是付费的，尽管它提供了 14 天的免费试用期。
这个平台非常有趣。分析在世界不同地区进行，报告可用性、页面加载速度和主要网站交易的性能。
此外，该工具还会指出改进的机会，并在出现问题时发送警报。
提高网站速度的 11 个技巧
您一定已经使用这些工具测试了您的网站，对吗？而你可能还没有取得非常满意的成绩。
但您不必绝望：在这些工具上获得 100/100 的分数不应该是一种痴迷，您知道为什么吗？
因为有一些限制。例如，PageSpeed Insights 基于 3G 连接和位置未知的服务器进行分析。这些因素可以让您对访问者的现实情况有不同的看法。
此外，优化所有网站元素以获得最高分可能是不可能的，因为涉及许多变量。通常，改进一点可能会损害另一点，因此，考虑到用户体验，最好保持原样。
无论哪种方式，这些工具的报告都可以很好地表明您的网站的性能。
因此，如果您没有看到良好的结果，我们现在将提供一些技巧来加快您的网站速度。它们基于我们上面提到的工具的主要建议。
继续阅读！
1.启用Gzip压缩
Gzip 是一种网站文件压缩格式。也就是说，它减少了服务器发送的文件的大小和传输时间，较大文件的压缩率高达 90%。
这是减少页面加载时间的最有效措施之一。
当前的所有浏览器都支持这种格式，并在用户进入网站时自动处理压缩。
您只需确保服务器配置为在用户请求时提供压缩文件。
有些服务器会自动执行此操作。在此链接中，您可以测试 Gzip 压缩是否已在您的站点上运行。如果没有， WordPress有几个允许 Gzip 压缩的缓存插件。
其中之一是WP Fastest Cache，它显示一个简单的复选框，其中包含您可以配置的所有内容，包括 Gzip 压缩。
2. 缩小图像尺寸
图像对网站的重量和负载有巨大的影响。根据HTTP Archive 的数据，截至 2019 年 5 月，它们占据了网站字节数的一半以上。
那么，优化它们可能是提高网站速度的第一步。
让我们从减小尺寸开始。为此，您可以使用WordPress图像优化插件，例如Optimus和Tinypng。
这些应用程序减少了图像的千字节数（而不损失质量），并消除了编辑程序可以与文件一起保存的所有多余信息。
它们允许在加载期间对包含的图像以及网站上已有的图像自动执行这些操作。
3. 使用最新一代的图像格式
优化图像的另一个重要操作是使用最新的文件格式，例如 JPEG 2000、JPEG XR 和 WebP。
与 JPEG 和 PNG 相比，它们往往具有更好的压缩效果，同时保持质量。这可以减少移动数据消耗并加快充电速度。
在 Optimus 和 Imagify 应用程序中，可以自动转换为 WebP。该格式受 Chrome 和 Opera 浏览器支持，平均比 JPG 小 25-34%。
您可能还会对这些内容感兴趣：
WordPress 中的 SEO：如何使用内容管理器的资源登上 Google 的榜首
发现适合您的中小企业在搜索引擎中定位的最佳实践
2020 年 Google 上出现的技术完整指南
4. 以将要使用的尺寸加载图像
例如，如果您要使用尺寸为 313 × 235 的图像，为什么要在网站上包含尺寸为 640 × 480 的图像？
您是否知道让网站通过 HTTP 或CSS调整大小会延迟加载？此外，图像将不必要地占用更多空间，因为它将以较小的尺寸使用。
因此，它以网站上使用的尺寸保存图像，从而避免服务器浪费时间改变图像的大小和空间，从而使图像更清晰。
5.延迟加载离屏图像
即使没有出现在屏幕上的图像也会影响页面的加载时间，有趣的是，当浏览器滚动页面时，可以推迟加载，您知道吗？
这意味着开发人员对屏幕上的隐藏图像使用延迟加载功能。因此，只有当用户通过滚动到达它们时才会加载它们。
此功能可以使用 WordPress 插件进行配置：Lazy Load或Lazy Load by WP Rocket。这两个选项的使用都非常简单。
6. 减少 HTML、CSS 和 Javascript
当开发人员为网站创建代码时，通常会包含换行符、空格和注释。
此信息不会影响用户看到的内容，但会占用空间并会增加加载时间。
因此，工具通常建议删除这些多余的字符。这是通过“缩小” HTML、CSS 和Javascript代码来实现的，使它们更轻。
但您不必逐代码完成所有这些工作，好吗？有一些免费的应用程序可以实现这一点，例如W3 Total Cache和Autoptimize。但是，即使使用可靠的应用程序，保留文件备份也始终很重要。
7. 删除阻止渲染的功能
在尝试加快页面加载速度时，渲染阻塞是一个反复出现的问题。然而，这是一个稍微复杂的话题，所以现在让我们更好地解释一下。
一般来说，Javascript 和 CSS 代码会强制浏览器延迟读取HTML页面，以便以定义的样式向用户显示它们。毕竟，没有人希望自己的页面失去所有视觉吸引力，对吧？
但是，当难以加载包含用户看不到的内容的页面时，这可能会成为问题。
这意味着 Javascript 和 CSS 会阻止“首屏”内容（即用户尚未看到的内容），从而不必要地减慢网站速度。
要解决此问题，您可以确定 JavaScript 和 CSS 资源是异步加载的。
因此，可以快速显示主要内容，并推迟加载对用户体验不必要的元素。
例如，可以使用异步 Javascript插件（仅适用于 Javascript）或Speed Booster Pack（适用于 Javascript 和 CSS）来完成。
8. 创建 AMP 页面
加速移动页面 ( AMP)是由 Google 牵头的一个开源项目，旨在实现让网络更快的目标。使用此技术创建的页面会立即加载到移动设备上。
虽然它们的内容与原始页面相同，但它们消除了不必要的元素，并且开发更轻、更简单，从而加快了网站的速度。
要为您的网站创建 AMP，您可以使用AMP for WP插件，它允许您从不同的移动模板创建页面，而无需使用代码。
9. 避免多次重定向
通常，重定向是必要的，这样用户就不会登陆网站上不存在的页面。
顺便说一句，这是 SEO 建议之一，以免让访问者感到沮丧，并向搜索引擎显示哪个是应该索引的主页。
但是，过多的重定向会使服务器过载。它们会触发额外的请求周期并延迟加载。
假设要访问您网站的移动版本，有两个重定向：
这是一个可以延迟加载的示例。但如果您使用响应式设计的页面，则无需重定向，因为页面会适应用户的屏幕。因此，建议使用响应式页面。
此外，像SEO Redirection这样的插件可以识别不必要的重定向供您删除。
10.利用浏览器缓存
浏览器缓存用于在用户设备上存储网站内容，以便下次访问时加载速度更快。
但是，如果内容未缓存或存储时间已过期，则页面加载时间将更长。
服务器必须向浏览器发出请求以保存这些文件。此请求通常是自动的。但如果没有，您必须包含一个文件来强制使用缓存。
当然，您不必手动执行此操作：W3 Total Cache和WP Fastest Cache插件会为您执行此操作。
11.减少服务器响应时间
服务器响应时间衡量在用户发出请求后加载渲染页面所需的 HTML 所需的毫秒数。如果这个时间大于 200 毫秒，PageSpeed Insights 就指出了一个改进的机会。
那么，如何减少服务器响应时间呢？有一些与托管类型相关的解决方案。
当我们购买共享主机时，通常会对服务器提出过高的要求并损害网站的性能。
此外，海外托管往往会因距离而增加延迟时间，而区域托管则不然。租用专用服务器或使用 CDN 也可以缩短服务器响应时间。
伊万·德·苏萨
20年5月9日 |阅读时间 12 分钟
如何提高网站加载时间
阅读时间： 10 分钟
时间不够已经成为我们日常生活的一部分。看着时钟让我们感到焦虑：我们将无法完成一天的所有任务。在这种背景下，没有人能够容忍网站速度慢，这是非常可以理解的，对吧？
随着日常生活的忙碌，消费者希望获得不浪费时间、更不浪费耐心的在线体验！
因此，改善页面的加载时间应该是数字营销策略的优先事项之一。
然而，对于大多数网站来说，这似乎不是一个优先事项。根据Google 进行的一项调查，移动设备上的平均页面加载时间（在购买过程中越来越重要）为 15 秒。
考虑到 53% 的访问者在加载时间超过 3 秒时就会放弃网站，这简直就是永恒！
您是否想过加载页面的每一秒会浪费多少钱？
这个数字已经计算出来，在线零售商的全球销售额每年损失约 17.3 亿英镑。有了这些数字，显然您需要考虑网站的速度。
这就是我们写这篇文章的原因！为您提供可帮助您评估和改善页面加载时间的工具。
继续阅读！
测量网站速度的 5 个工具
Google致力于让互联网变得更快。这家搜索巨头非常了解用户行为，知道他们期望什么体验。
2010 年，搜索引擎将加载速度作为定位因素之一，并在 2018 年将此标准扩展到移动搜索，这并非巧合。
此外，几个月前，全球最大的搜索引擎宣布，从今年开始，页面上的用户体验将成为主要排名因素之一。
为了帮助想要提高速度的网站，Google 创建了一些工具来帮助诊断页面并指出可以进行的更正。
下面，我们将向您展示其中的一些。
1.PageSpeed洞察
这是最流行的页面速度测试工具。PageSpeed Insights是由开发人员提供支持并由 Google 提供的免费资源。
使用它非常简单，输入您要测试的URL（可以是任何网站，包括您的竞争对手）。
然后，该平台会执行分析，并针对桌面和移动设备上的性能给出从 0 到 100 的分数。
该诊断还显示网站元素加载所需的时间以及可以采取哪些步骤来提高速度。越接近 100 越好，这意味着您需要修复的项目更少。
2.灯塔
Lighthouse是 Google 提供的开源软件，用于审核网站。
它可以作为命令行工具或作为Google Chrome 扩展程序运行（具有更用户友好的界面）。
它不仅分析速度，还分析网站质量的各个方面。为此，您必须输入要审核的 URL，以便平台针对每个要求提供分数和改进提示：
表现;
可达性；
最佳实践；
搜索引擎优化；
渐进式网络应用程序。
3.Chrome用户体验报告
Chrome 用户体验报告也是Google 开发者评估网站用户体验的工具。
与其他工具不同，这个工具需要更多的技术知识才能使用代码。
该工具从 Google Chrome 用户收集真实数据并显示平均网站数据，包括网站速度。
因此，开发人员可以将自己的性能与平均值进行比较，并评估哪些点需要改进。
谷歌多米纳套件
4. GTmetrix
GTmetrix是著名的测量网站速度的工具。
分析您指示的页面后，平台除了显示市场平均值以供比较之外，还会显示速度、加载时间和页面总大小的百分比分数。
然后，您可以看到有关提高加载速度的设置建议。
5.平多姆
Pingdom也是最流行的网站测试工具之一，尤其是在WordPress 社区中。缺点是它是付费的，尽管它提供了 14 天的免费试用期。
这个平台非常有趣。分析在世界不同地区进行，报告可用性、页面加载速度和主要网站交易的性能。
此外，该工具还会指出改进的机会，并在出现问题时发送警报。
提高网站速度的 11 个技巧
您一定已经使用这些工具测试了您的网站，对吗？而你可能还没有取得非常满意的成绩。
但您不必绝望：在这些工具上获得 100/100 的分数不应该是一种痴迷，您知道为什么吗？
因为有一些限制。例如，PageSpeed Insights 基于 3G 连接和位置未知的服务器进行分析。这些因素可以让您对访问者的现实情况有不同的看法。
此外，优化所有网站元素以获得最高分可能是不可能的，因为涉及许多变量。通常，改进一点可能会损害另一点，因此，考虑到用户体验，最好保持原样。
无论哪种方式，这些工具的报告都可以很好地表明您的网站的性能。
因此，如果您没有看到良好的结果，我们现在将提供一些技巧来加快您的网站速度。它们基于我们上面提到的工具的主要建议。
继续阅读！
1.启用Gzip压缩
Gzip 是一种网站文件压缩格式。也就是说，它减少了服务器发送的文件的大小和传输时间，较大文件的压缩率高达 90%。
这是减少页面加载时间的最有效措施之一。
当前的所有浏览器都支持这种格式，并在用户进入网站时自动处理压缩。
您只需确保服务器配置为在用户请求时提供压缩文件。
有些服务器会自动执行此操作。在此链接中，您可以测试 Gzip 压缩是否已在您的站点上运行。如果没有， WordPress有几个允许 Gzip 压缩的缓存插件。
其中之一是WP Fastest Cache，它显示一个简单的复选框，其中包含您可以配置的所有内容，包括 Gzip 压缩。
2. 缩小图像尺寸
图像对网站的重量和负载有巨大的影响。根据HTTP Archive 的数据，截至 2019 年 5 月，它们占据了网站字节数的一半以上。
那么，优化它们可能是提高网站速度的第一步。
让我们从减小尺寸开始。为此，您可以使用WordPress图像优化插件，例如Optimus和Tinypng。
这些应用程序减少了图像的千字节数（而不损失质量），并消除了编辑程序可以与文件一起保存的所有多余信息。
它们允许在加载期间对包含的图像以及网站上已有的图像自动执行这些操作。
3. 使用最新一代的图像格式
优化图像的另一个重要操作是使用最新的文件格式，例如 JPEG 2000、JPEG XR 和 WebP。
与 JPEG 和 PNG 相比，它们往往具有更好的压缩效果，同时保持质量。这可以减少移动数据消耗并加快充电速度。
在 Optimus 和 Imagify 应用程序中，可以自动转换为 WebP。该格式受 Chrome 和 Opera 浏览器支持，平均比 JPG 小 25-34%。
您可能还会对这些内容感兴趣：
WordPress 中的 SEO：如何使用内容管理器的资源登上 Google 的榜首
发现适合您的中小企业在搜索引擎中定位的最佳实践
2020 年 Google 上出现的技术完整指南
4. 以将要使用的尺寸加载图像
例如，如果您要使用尺寸为 313 × 235 的图像，为什么要在网站上包含尺寸为 640 × 480 的图像？
您是否知道让网站通过 HTTP 或CSS调整大小会延迟加载？此外，图像将不必要地占用更多空间，因为它将以较小的尺寸使用。
因此，它以网站上使用的尺寸保存图像，从而避免服务器浪费时间改变图像的大小和空间，从而使图像更清晰。
5.延迟加载离屏图像
即使没有出现在屏幕上的图像也会影响页面的加载时间，有趣的是，当浏览器滚动页面时，可以推迟加载，您知道吗？
这意味着开发人员对屏幕上的隐藏图像使用延迟加载功能。因此，只有当用户通过滚动到达它们时才会加载它们。
此功能可以使用 WordPress 插件进行配置：Lazy Load或Lazy Load by WP Rocket。这两个选项的使用都非常简单。
6. 减少 HTML、CSS 和 Javascript
当开发人员为网站创建代码时，通常会包含换行符、空格和注释。
此信息不会影响用户看到的内容，但会占用空间并会增加加载时间。
因此，工具通常建议删除这些多余的字符。这是通过“缩小” HTML、CSS 和Javascript代码来实现的，使它们更轻。
但您不必逐代码完成所有这些工作，好吗？有一些免费的应用程序可以实现这一点，例如W3 Total Cache和Autoptimize。但是，即使使用可靠的应用程序，保留文件备份也始终很重要。
7. 删除阻止渲染的功能
在尝试加快页面加载速度时，渲染阻塞是一个反复出现的问题。然而，这是一个稍微复杂的话题，所以现在让我们更好地解释一下。
一般来说，Javascript 和 CSS 代码会强制浏览器延迟读取HTML页面，以便以定义的样式向用户显示它们。毕竟，没有人希望自己的页面失去所有视觉吸引力，对吧？
但是，当难以加载包含用户看不到的内容的页面时，这可能会成为问题。
这意味着 Javascript 和 CSS 会阻止“首屏”内容（即用户尚未看到的内容），从而不必要地减慢网站速度。
要解决此问题，您可以确定 JavaScript 和 CSS 资源是异步加载的。
因此，可以快速显示主要内容，并推迟加载对用户体验不必要的元素。
例如，可以使用异步 Javascript插件（仅适用于 Javascript）或Speed Booster Pack（适用于 Javascript 和 CSS）来完成。
8. 创建 AMP 页面
加速移动页面 ( AMP)是由 Google 牵头的一个开源项目，旨在实现让网络更快的目标。使用此技术创建的页面会立即加载到移动设备上。
虽然它们的内容与原始页面相同，但它们消除了不必要的元素，并且开发更轻、更简单，从而加快了网站的速度。
要为您的网站创建 AMP，您可以使用AMP for WP插件，它允许您从不同的移动模板创建页面，而无需使用代码。
9. 避免多次重定向
通常，重定向是必要的，这样用户就不会登陆网站上不存在的页面。
顺便说一句，这是 SEO 建议之一，以免让访问者感到沮丧，并向搜索引擎显示哪个是应该索引的主页。
但是，过多的重定向会使服务器过载。它们会触发额外的请求周期并延迟加载。
假设要访问您网站的移动版本，有两个重定向：
这是一个可以延迟加载的示例。但如果您使用响应式设计的页面，则无需重定向，因为页面会适应用户的屏幕。因此，建议使用响应式页面。
此外，像SEO Redirection这样的插件可以识别不必要的重定向供您删除。
10.利用浏览器缓存
浏览器缓存用于在用户设备上存储网站内容，以便下次访问时加载速度更快。
但是，如果内容未缓存或存储时间已过期，则页面加载时间将更长。
服务器必须向浏览器发出请求以保存这些文件。此请求通常是自动的。但如果没有，您必须包含一个文件来强制使用缓存。
当然，您不必手动执行此操作：W3 Total Cache和WP Fastest Cache插件会为您执行此操作。
11.减少服务器响应时间
服务器响应时间衡量在用户发出请求后加载渲染页面所需的 HTML 所需的毫秒数。如果这个时间大于 200 毫秒，PageSpeed Insights 就指出了一个改进的机会。
那么，如何减少服务器响应时间呢？有一些与托管类型相关的解决方案。
当我们购买共享主机时，通常会对服务器提出过高的要求并损害网站的性能。
此外，海外托管往往会因距离而增加延迟时间，而区域托管则不然。租用专用服务器或使用 CDN 也可以缩短服务器响应时间。