让网站速度更快的5个技巧

当涉及到构建网站时，速度和响应能力至关重要。快速响应的网站可提供更好的用户体验，这可能会导致参与度、转化率甚至计算机程序排名过高。在这篇文章中，我们将探索五个技巧来构建一个更快、更具响应性的网站。通过遵循以下提示，您将提高网站的性能并为您的客户提供更好的体验。

我们将介绍的五个技巧是：

1.优化图片，另类海量资源

2. 最小化协议请求

3. 采用内容分发网络 (CDN)

4.启用浏览器缓存

5. 采用绩效观察工具

在这篇文章的结尾，您需要对这些技术以及在您自己的网站上实施它们的方式有一个很好的了解。让我们开始吧！

一、优化图片和替代海量资源

影响网站速度的最重要因素之一是要加载的照片和替代资产的大小。大量图片和替代资产需要更长的时间才能传输，这可能会阻碍您的网站。

为了优化图片，他们的区域单元有一些你会做的事情：

1.使用可接受的文件格式：完全{different|完全不同}的图像文件格式具有不同的特点和用途。例如，JPEG 可能是图像的不错选择，而 PNG 最适合背景清晰的图形。通过为每个图像采用正确的文件格式，您将最大限度地减少文件大小并提高性能。

2. 压缩图片：在将图片上传到您的网站之前，请使用压缩工具对其进行压缩。他们的区域单位提供了多种工具，可以减少图片的文件大小，同时又不会显着降低图片的质量。一些广泛的选择包括 TinyPNG 和 Kraken。

除了优化图片，您还应该考虑优化其他海量资源，如视频和 PDF。这些样式的资产会占用很大的空间并且需要更长的时间来传输，因此同样需要对其进行优化。您将通过对文件施加压力并使用适用的文件格式（例如，MP4 用于视频，PDF 用于 PDF）来进行尝试。

按照以下提示，您将缩小图片和替代资产的尺寸，这可能有助于提高网站的性能。

二、最小化协议请求

每次浏览器访问一个网页时，都会形成一系列协议请求来检索页面的各种组件（例如图像、样式表、脚本）。这些请求需要时间，而且页面发出的额外请求越多，加载所需的时间就越长。

为了最小化协议请求，您将执行以下操作：

1. 使用 CSS spirit beings：CSS sprite 可以是包含多个较小图片的单个图像。通过使用 CSS 精灵，您将减少在网页上加载图片所需的协议请求数量。要形成 CSS 精神存在，您将使用像 SpritePad 这样的工具。

2. 混合文件：如果您的网站使用多个样式表或脚本，请考虑将它们合并到一个文件中。这可以减少加载页面所需的协议请求数。

3. 使用像 Gulp 或 Grunt 这样的工具：这些工具将有助于修改混合和优化文件的方法，从而更容易减少协议请求。

通过减少网页发出的协议请求数，您将提高网站的性能。

三、使用内容分发网络 (CDN)

内容分发网络 (CDN) 可以是分布在世界各地的服务器网络，它们一起工作以将内容分发给受其地理位置支持的用户。通过使用 CDN，您将通过减少知识在服务器和用户之间传播所需的差距来提高网站的性能。

要实施 CDN，您必须尝试执行以下操作：

1. 选择 CDN 供应商：有几个 CDN 供应商可供选择，每个供应商都有自己的选择和评估。一些广泛的选择包括 Cloudflare 和 Amazon Internet Services (AWS)。选择供应商后，请考虑您的需求和预算。

2. 将 CDN 与您的网站集成在一起：大多数 CDN 供应商都提供了将他们的服务与您的网站集成的方法。这可能涉及不断更改您的 DNS 设置和修改您网站的代码以供 CDN 服务器使用。

通过使用 CDN，您将为世界各地的用户提高网站的性能，使其创建速度更快、响应更快。

四、改变浏览器缓存

当用户访问网页时，浏览器需要传输显示页面所需的所有资产（例如图像、样式表、脚本）。这将需要时间，尤其是在加入速度较慢的情况下。通过启用浏览器缓存，您将允许浏览器在区域中存储大量此类资产，从而提高您网站的性能。

要更改浏览器缓存，您将执行以下操作：

1.使用协议头：协议头是将信息发送到浏览器的几个网页的方式。通过为您的资产设置适用的协议标头，您将指示浏览器在明确的时间内缓存它们。您将设置协议标头，使您的服务器配置文件或类似 .htaccess 的工具受害。

2. 使用缓存插件：如果您正在使用像 WordPress 这样的内容管理系统，您将使用缓存插件来改变浏览器缓存。这些插件将自动设置可接受的协议标头并缓存您