• 主页
  • 文章
  • 软件
  • 如何修复缓慢的网站：加快加载速度的 13 个可行步骤

如何修复缓慢的网站：加快加载速度的 13 个可行步骤

已发表: 2017-06-05

没有人喜欢速度慢的网站。 缓慢的页面加载时间会赶走潜在的访问者，并可能导致您的网站在搜索结果中排名较低。

总而言之，这意味着访问您网站的人越来越少，而访问您网站的用户体验也很差。

这对于生意来说无疑是不利的！

好消息是，如果您对网站当前的性能不满意，可以采取很多措施来加快网站速度。

下面，我们提供了13 个可操作的步骤，您可以立即开始执行，以获得您想要的更快的加载时间。

但在开始之前，您必须对网站的速度进行准确的基准测试。 这将使您清楚地了解问题有多大，并使您能够衡量修复的有效性。

帮助诊断网站缓慢的工具

有许多有用的在线工具可以帮助您准确测量网站的速度有多慢。

这些工具对于准确识别减慢速度的因素并建议您可以采取哪些措施来加快速度也非常有用！

以下是我最喜欢的两个网站速度报告工具：

Google 页面速度洞察

这个来自 Google 的免费工具将检查任何 URL 并在您的网站上运行测试其性能。 它为您的网站在桌面和移动平台上的运行方式提供不同的结果。

它将涵盖本文中讨论的许多领域，并就可能导致网站速度变慢的具体原因提供建议。

然而，这个工具似乎确实非常激进，有时不切实际，所以请记住这一点。

Pingdom 网站速度测试

Pingdom 还拥有一些出色的速度测试解决方案，可以从全球多个位置测试您的网站（这是使用 CDN 的好主意的原因之一；更多内容见下文）。

它还提供了许多实用的解决方案来提高您的速度。

修复网站缓慢的 13 种方法

1.使用更快的网络托管提供商

根据我的经验，缓慢的网络托管可能是导致网站缓慢的最大因素。 因此，更换为更快的网络托管提供商通常会给您的网站速度带来最大的提升。

当然，更换提供商也是此列表中所有步骤中最重要且最昂贵的。 因此，无论如何，请先尝试其余步骤：我相信您会看到一些速度提升。

但至少对我来说，最大的速度提升总是在我“咬紧牙关”升级我的网络托管时出现。

要选择最快的网络托管提供商，您可以采取以下步骤：

  1. 确定您的网站需求：确定您的网站的需求，例如接收的流量、所需的存储空间量以及所需的安全级别。
  2. 比较托管提供商：根据您的网站需求研究和比较托管提供商。 考虑正常运行时间、页面加载速度、安全功能和客户支持等因素。
  3. 考虑服务器位置：选择服务器靠近目标受众的网络托管提供商。 这可以减少延迟并提高网站速度。
  4. 检查服务器资源：通过检查服务器资源（例如 CPU 和 RAM），确保托管提供商可以处理您网站上的流量。

2. 优化图像

未经优化的图像是导致网站速度缓慢的另一个最大原因之一。 幸运的是，它们也是最容易修复的问题之一。

我所说的“未优化”是指文件大小过大的图像。 也就是说：每个图像文件的千字节 (KB) 甚至兆字节 (MB) 数量大于其需要的数量。

理想情况下，我尝试将网站上的每个图像保持在 100 KB 以下。 这并不总是可能的，但这是我们要努力实现的目标。

有 3 个属性会影响图像文件大小（这些是我们应该优化的属性）：

  1. 图像尺寸（以像素为单位）
  2. 图像格式（JPEG、PNG、GIF 等）
  3. 应用于该图像的压缩量

优化图像尺寸

图像的尺寸越大，其文件大小就越大。 因此，您需要确保网站上图像的宽度和高度不会大于所需的大小。

这意味着，如果我们有一个 2000 像素宽的图像，最终将在网站上显示为 700 像素宽，我们需要编辑该文件，使其在显示在页面上之前为 700 像素宽。

这可以在使用 Photoshop 或 GIMP 等程序或通过 Kraken.io 和 Compressor.io 等网站上传到网站之前完成。 许多此类网站还提供 WordPress 插件，这些插件会在您将图像上传到网站后调整图像大小（如果您使用的是 WordPress）。

选择最佳图像格式

通过应用不同类型的压缩（见下文），您提供图像的格式也会影响其文件大小。 不同的格式更适合不同类型的图像。

JPEG 非常适合照片，而 PNG 适合具有透明背景的图像或具有锐利边缘的插图。 如今，GIF 仅真正用于动画图像。

还有较新的图像格式（例如 WebP）可以提供更好的压缩级别。 然而，某些浏览器（例如Internet Explorer 11）仍然不支持WebP，因此我们需要小心使用它们。

有些服务（见下文）可以检测何时支持下一代图像格式，并自动转换您的图像并以这种格式提供它们，以进一步提高速度！

在保持图像质量的同时最大化压缩

所有流行的图像格式都会压缩您的图像以减小文件大小。 您通常可以选择压缩的程度，但代价是更高的压缩意味着更差的图像质量。

所以你需要找到一个平衡点，即图像质量可以接受，但文件大小又不能太大。

调整图像尺寸的相同应用程序和网站也会压缩图像。 微小的 PNG 是另一个。 通常，您可以选择所需的压缩级别，并通过预览来关注质量。

3.使用延迟加载

说到图像，如果没有人看到它们，就不需要加载它们，对吗？ 这只是不必要的开销。

延迟加载是一种通过仅在需要时加载图像和视频来提高网站性能的技术。

这可以显着减少网站加载所需的时间，因为只加载用户可见的内容。

要实现延迟加载，可以采取以下步骤：

  1. 确定要延迟加载的图像和视频：这些图像和视频可能包括位于首屏以下或用户无法立即看到的图像和视频。
  2. 安装延迟加载插件或脚本：有许多插件（见下文）可用于流行的内容管理系统（例如 WordPress），可以帮助轻松实现延迟加载。 如果您无法使用插件，您可以轻松地自行添加代码。
  3. 配置延迟加载：根据您网站的需求配置延迟加载插件或脚本的设置。 这可能包括延迟加载内容类型的设置、何时开始加载图像的阈值等等。
  4. 测试延迟加载：检查图像和视频是否正确加载以及网站性能是否存在问题。

4.启用缓存

启用缓存可以减少浏览器为检索资源而向服务器发出的请求数量，从而显着加快缓慢网站的速度。

当用户第一次访问网站时，浏览器会下载所有必需的文件，例如 HTML、CSS、JavaScript 和图像。 当用户重新访问网站时，浏览器可以从缓存中检索这些文件，而不是再次下载它们，从而减少页面加载时间并改善用户体验。

要启用缓存，您可以执行以下步骤：

  1. 启用缓存标头：缓存标头，例如“Expires”和“Cache-Control”，告诉浏览器在缓存中存储静态文件多长时间。 通过设置这些标头，您可以控制文件的缓存时间。
  2. 设置过期日期：为缓存中的静态文件设置过期日期可以帮助确保用户在文件更新时下载最新版本的文件。 这可以通过在缓存标头中设置“max-age”值来完成。

同样，如果您使用 WordPress，那么有许多缓存插件可以为您完成所有这些工作（见下文）。 否则，根据您使用的 Web 服务器类型，自己完成基础知识非常容易。

5.使用内容分发网络（CDN）

内容交付网络 (CDN) 通过将网站内容分发到位于不同地理区域的服务器网络上，可以显着加快速度较慢的网站的速度。

网站延迟示例

当用户请求您网站的内容时，CDN 会从距离用户最近的服务器提供服务，从而缩短数据传输的距离并缩短加载时间。

要使用 CDN，您需要执行以下步骤：

  1. 注册 CDN 服务：有许多可用的 CDN 提供商，包括 Cloudflare、Amazon CloudFront 和 Akamai。 选择一个能够提供您所需的功能且符合您的预算的提供商。
  2. 配置 CDN：注册 CDN 服务后，您需要将其配置为与您的网站配合使用。 大多数 CDN 服务都有简单的分步指南来帮助您完成整个过程
  3. 将您的域名服务器指向 CDN：最后，登录您的域名注册商并更改域名服务器，以便它们指向 CDN 服务而不是直接指向您的 Web 主机

6. 合并文件

组合文件将减少网站发出的 HTTP 请求数量，这可能会极大地影响其加载时间。

这是因为每次加载网页时，浏览器都会向服务器发送多个请求以检索所有必要的资源，包括 HTML、CSS、JavaScript、图像等。

每个请求都会增加额外的开销和延迟，这可能会导致加载时间变慢，特别是在互联网连接速度较慢的情况下。

因此，为了最大限度地减少 HTTP 请求，您可以采取几个步骤，包括：

  1. 合并代码文件：将多个 CSS 和 JavaScript 文件合并到一个文件中。 这减少了浏览器下载所有必需文件所需的请求数量。
  2. 使用图像精灵：将多个图像组合成一个图像（称为精灵），并使用 CSS 来显示各个图像。 这减少了需要发出的图像请求的数量。

图像精灵示例 图像精灵的示例。 图片来源

如果您使用 WordPress，有几个插件可以为您组合代码文件（见下文）。 您还可以使用 Gulp、Grunt 或 Webpack 等工具，或者直接手动完成（将代码复制并粘贴到一个主文件中）。 否则，您可能需要聘请开发人员。

7. 最小化 JavaScript 和 CSS

最大限度地减少网站上的 JavaScript 和 CSS 可以通过减少需要下载的文件的大小来显着加快缓慢的网站速度。 这可以通过删除任何未使用的代码、合并文件和缩小代码来实现。

要最小化 JavaScript 和 CSS，您可以采取以下步骤：

  1. 删除未使用的代码：最小化 JavaScript 和 CSS 的最简单方法之一是删除网站上不再使用的任何代码。 这可以帮助减少需要下载的文件的大小。
  2. 缩小代码：缩小 HTML、CSS 和 JavaScript 文件可以通过删除不必要的空格、注释和其他非必要代码来帮助减少文件大小和下载时间。 这可以使用 UglifyJS、YUI Compressor 或 Google Closure Compiler 等工具来实现。

再说一次，如果您使用 WordPress，有许多插件会自动最小化您的 JavaScript 和 CSS（见下文）。

8.启用Gzip压缩

Gzip 压缩是另一种用于进一步减小从服务器发送到浏览器的文件大小的技术。 该技术可压缩 HTML、CSS 和 JavaScript 文件等文件，并将其文件大小减少多达 70% 。

这可以显着提高网站性能，因为浏览器可以更快地下载较小的文件。

要启用 Gzip 压缩，您可以执行以下步骤：

  1. 检查是否启用了 Gzip 压缩：您可以使用 GIDZipTest 或 Gift of Speed 等在线工具来检查您的网站是否已使用 Gzip 压缩。
  2. 启用 Gzip 压缩：如果未启用 Gzip 压缩，您可以通过将代码片段添加到 .htaccess 文件或服务器配置文件来启用它。 该代码片段将指示 Web 服务器在将文件发送到浏览器之前对其进行压缩。
  3. 测试 Gzip 压缩：检查发送到浏览器的文件大小，并确认它们由于 Gzip 压缩而变小。

与往常一样，有很多 WordPress 插件会自动将 Gzip 压缩应用于您网站上的文件（见下文）。

9. 优化你的数据库

网站数据库存储网站功能所需的所有数据。 然而，随着数据库的增长，它可能会因不必要的数据而变得混乱，从而降低网站性能。

优化数据库涉及删除任何不必要的数据和索引表以提高网站性能。

要优化网站数据库，可以采取以下步骤：

  1. 备份数据库：在对网站数据库进行任何更改之前，请确保备份数据库，以避免出现错误或问题时丢失任何数据。
  2. 删除不必要的数据：识别并删除任何不必要的数据，例如帖子修订、垃圾帖子和垃圾评论。 这可以使用插件或通过执行数据库查询来完成。
  3. 重建索引：在数据库表上重建索引以提高搜索性能。 这可以使用插件或通过执行数据库查询来完成。
  4. 优化数据库表：优化数据库表以确保它们使用正确的存储引擎和表结构。 这可以使用插件或通过执行数据库查询来完成。
  5. 使用缓存：使用缓存可以减少数据库查询次数，提高网站性能。

正确优化数据库可能会涉及相当多的工作。 这是关于如何在 MySQL 数据库上开始使用此功能的良好分步指南。 但您可能很需要让开发人员参与更大的项目。

10.删除不必要的插件

插件可以为网站提供广泛的功能，但插件过多会降低网站性能。 每个插件都有自己的一组需要加载的文件和脚本，这会增加网站的加载时间。

删除不必要的插件可以减少需要加载的文件和脚本的数量，从而有助于提高网站性能。

要删除不必要的插件，您可以执行以下步骤：

  1. 识别未使用的插件：识别未使用且不再需要网站功能的插件。
  2. 停用并删除未使用的插件：如果您使用的是 WordPress，则可以通过仪表板完成此操作，方法是转到“插件”部分并选择“停用”，然后选择“删除”。 其他 CMS 也将具有类似的功能。
  3. 评估插件功能：确定是否有任何插件可以替换为更轻量级的解决方案，或者是否有任何插件可以组合。
  4. 定期检查插件：定期检查网站上使用的插件，并删除不再需要或影响网站性能的插件。

11.减少广告数量

网页上的广告太多会减慢页面加载时间并使用户体验令人沮丧。 这可能是插入广告的脚本效率低下的情况。 或者可能是广告本身没有得到适当的优化。

您可以采取以下一些步骤来减少网站上的广告数量：

  1. 分析广告效果：查看网站上广告的效果数据，以确定哪些广告没有产生大量收入。 考虑删除效果不佳的广告。
  2. 在每个页面上使用合理数量的广告：考虑减少特定页面上广告数量过多或已经包含大量其他内容的广告数量。
  3. 优化广告投放：首屏广告通常更显眼，点击率更高。 但是，请避免在首屏放置太多广告，因为这会对用户体验产生负面影响。
  4. 删除侵入性广告：删除侵入性或烦人的广告，例如弹出窗口或自动播放视频广告。 这些类型的广告会对用户体验产生负面影响并增加页面加载时间。

12.使用轻量级主题或模板

主题或模板是网站的视觉设计，它对网站的速度有很大的影响。 使用轻量级框架可以帮助提高网站的速度和性能。

轻量级主题的设计是简约的，具有较少的设计元素和功能，可能会减慢网站速度。

您可以采取以下一些步骤来确保使用轻量级主题：

  1. 选择一个信誉良好的主题：有许多可用的轻量级主题，因此请选择一个以其速度和性能而闻名的信誉良好的主题。
  2. 亲自检查主题的页面速度：在选择主题之前，请使用 Google PageSpeed Insights、GTmetrix 或 Pingdom 等工具检查其页面速度。 这将使您了解主题的性能和加载时间。
  3. 避免复杂的设计：选择设计简单的主题，其中的设计元素（例如动画、视差滚动或大图像文件）较少。 这些功能可能会减慢网站速度并影响用户体验。
  4. 测试主题：在将主题部署到您的网站之前，对其进行测试以了解其在您的网站上的执行情况。 您可以再次使用相同的工具来测量页面加载时间和其他性能指标。
  5. 定期更新主题：定期更新主题以确保其速度和性能保持优化。 旧的或过时的主题可能会减慢网站速度并导致其他问题。

13、定期进行网站维护

定期网站维护有助于防止可能降低网站速度并提高整体性能的技术问题。

您可以采取以下一些步骤来执行网站维护：

  1. 更新您的网站软件：定期更新您网站的软件，包括插件、主题以及为您的网站提供支持的内容管理系统 (CMS)。 这些更新可能包括错误修复、安全补丁和性能改进。
  2. 删除未使用的插件和主题：删除网站上未使用的任何插件和主题。 未使用的插件和主题可能会占用宝贵的服务器资源并降低您的网站速度。
  3. 监控网站的性能：跟踪网站的性能，包括页面加载时间和其他关键指标。 使用 Google Analytics 或 Pingdom 等工具来监控网站的性能并确定需要改进的领域。
  4. 清理数据库：随着时间的推移，您网站的数据库可能会因未使用的数据而变得混乱，例如旧的帖子修订和垃圾评论。 在 WordPress 上，使用 WP-Optimize 或 WP-Sweep 等插件来清理数据库并提高网站性能。

WordPress 优化插件

如果您的网站是使用 WordPress 构建的（由于世界上超过 41% 的网站是使用 WordPress 构建的，因此很有可能是这样），那么有大量插件可以帮助您完成上述每个步骤。

虽然您无疑能够为上述每个步骤找到一个专业插件（例如，仅最小化 JavaScript 和 CSS 的插件），但这通常不是最有效的操作过程。

多个插件会进一步增加您的代码库的重量，它们都需要维护，并且在许多情况下它们会相互冲突，从而导致您的网站出现技术问题。

最好找到一两个插件来完成大部分修复缓慢网站的任务。 例如，WP Rocket 几乎可以完成此列表中的所有步骤！ 您确实需要付费才能使用它，但这会为您省去很多麻烦！

实际上，我们有一篇更专注于如何使 WordPress 更快的文章，我们在其中讨论了这一点以及更多内容！

结论

虽然可以更详细地研究上述每个类别，但如果您遵循这些步骤，您很有可能将网站加载时间减少一半或更多，而且您肯定会提高网站的速度地点。

如果您有任何疑问，请在评论部分告诉我。