2022年不可错过的提高网站速度的技巧

这不是一个棘手的问题：您的网站是否足够快？页面加载时间会影响一切，从用户在您的网站上停留的时间（或者他们是否看到内容）到搜索排名和整体转化。

 

速度在两个方面都很重要——对于桌面设备和移动设备——移动速度比以往任何时候都更重要。您的网站不仅需要快速加载；它需要在任何地方快速加载。

 

1、定期进行速度测试

 

 

根据您在网站上添加或更改的内容、技术的退化，甚至是过时的主题或工具，速度可能会随着时间的推移而变化。这就是为什么定期进行测试并根据需要进行调整很重要的原因。

 

这里的好处是您将保持您的网站快速运行，并且搜索引擎也有好处。（在创建出色的用户体验方面，速度很重要）

 

2、优化内容以提高速度

您构建内容的方式是有助于提高网站速度和可读性的小事之一。

 

先试试这些：

使用摘录或阅读更多标签，以便文章提要包含带有全文链接的帖子的简短片段。

将长文章或帖子分成多个页面（第 1 部分、第 2 部分等）

从页面内容中删除评论，以便它们位于自己的位置。

使用链接来分解照片库、可下载内容等内容，这样单个页面上就不会出现多个重元素。

 

3、不要热链接

你是在盗链吗？马上停下来。

盗链或将图像源从一个网站复制到另一个网站是速度杀手。这不仅对速度不利，在许多情况下也是不道德的，并且可能伴随着法律或版权方面的考虑。所以不要这样做。

 

您希望从您的主机和服务器加载图像。您还可以采取其他措施来防止他人盗链您的图像，这可能会导致速度流失。

 

 

4、不要把事情复杂化

 

 

保持网站活跃和可用的最佳方法之一是保持简单。适用于网站设计的相同原则也适用于功能。

 

网站设计的一个陷阱可能是添加过多的效果和功能，从而大大延长下载时间。您需要在图像上添加几个精美的动画吗？您需要主页上的视频滑块吗？你需要三个插件来做一些定制开发可以做的事情吗？

 

所有这些事情都会使您的网站变慢。去除不必要的元素和功能会对速度产生巨大影响，进而影响可用性。

 

如果您不确定从哪里开始，分析可以提供新数据来帮助您做出选择。从那个滑块开始。有人点击它吗？（或者是否有人点击了第一张幻灯片？）如果没有，那可能表明静态图像就可以了。在整个网站设计中寻找这些小提示，以简化和加快速度。

 

 

5、压缩它

 

 

压缩网站文件以节省更多带宽并减少加载时间。网站压缩使用 gzip 格式，这是一个 zip 文件，然后浏览器可以解压缩和呈现。

 

它节省了时间，因为小 zip 文件在网络上的传输速度比同时传输大量小文件的速度要快。

 

来自 gzip.org：“gzip是一种单文件/流无损数据压缩实用程序，其中生成的压缩文件通常具有后缀 .gz。gzip 还指的是实用程序使用的相关压缩数据格式。”

 

通过向您的 htaccess 文件添加一些代码来启用 Gzip。（您也可以抓取一个插件，但这不是必需的。）

 

6、考虑一个CDN（内容交付网络）

 

内容交付网络或 CDN 可以显着提高速度并节省带宽。

 

CDN 跨服务器网络托管文件，而不是单个位置。这样，当有人访问您的网站时，数据将从离他们最近的服务器位置加载，从而减少服务器负载并保护您的网站免受流量激增或 DDoS 攻击。（这是双赢的。）

 

如果您一次获得大量流量（例如在发送有关促销优惠的电子邮件之后），CDN 将特别有用，因为它可以划分流量。这样每个人都拥有相同的、快速的网站浏览体验。

 

7、清理你的数据库

 

 

您使用同一个网站数据库工作了多长时间？随着时间的推移，它会变得非常混乱。（把它想象成一个壁橱，你只是用来存放你有一天可能需要的东西。

 

把它清理干净。整理您的数据库并删除不再使用的任何内容。这可以包括从图形资产和文件到插件和无关 JavaScript 的任何内容。更小、更轻的数据库将更快地返回文件。（它还使备份更轻、更易于管理。）

 

8、最小化 TTFB（到第一个字节的时间）

为用户显示的内容越快，网站加载的速度就越快，对吧？嗯……有点。

 

第一个字节的时间很重要。这就是浏览器在从服务器获取第一个数据字节之前必须等待的时间。（谷歌说 TTFB 应该小于200 毫秒。）

 

这是影响的事情之一。第一个字节到达浏览器进行渲染的速度越快，后续数据的加载速度可能就越快。某些因素可能会影响您无法控制的 TTFB，例如用户端的网络连接不良，但在理想情况下，初始数据应该会快速到达并加载。

 

9、立即开始缓存

缓存将您网站的组件存储在用户的缓存中，这样当他们回来时，不必再次下载所有内容。因此，访问者第一次访问您的网站时，加载可能需要 3 秒，但随后的访问可能会减少到不到一秒，因为所有这些数据都已经与用户“存储”了。

 

虽然缓存对新访问者没有多大作用，但对于回访者（或浏览您网站的多个页面的人）来说，它是一个惊人的速度保护程序。

 

10、优化图片

您正在为网络保存图像，对吗？

 

很难相信许多网站所有者仍在将全尺寸图片上传到他们的页面。这是一个速度杀手。

 

在上传之前将图像裁剪为必要的形状和大小。在不影响视觉元素的情况下尽可能压缩文件大小。以小文件格式保存 - JPG 始终比 PNG 保存更小，除非您需要后者的透明度，否则请使用前一种文件格式。

 

11、嵌入大文件（如视频）

巨大的文件可以直接从您的网站中吸走带宽。它们可能难以管理和压缩。

 

将这些文件从您的网站上删除，并使用媒体嵌入从外部托管平台中提取这些信息。

 

第三方平台可以快速托管和交付视频内容。因此，利用它来发挥您的优势，将视频文件存储在其他视频平台上，并将内容嵌入到您的设计中。用户不会知道其中的区别……但他们会注意到您的网站加载速度有多快。

 

12、小心使用 JavaScript

 

 

您网站上发生的大多数很酷的东西很可能是 JavaScript 的产物。它会变得很重。但是，如果您注意处理 JS 查询和加载的方式，那就没问题了。

 

对 JavaScript 文件使用异步加载：这会加快页面速度，因为文件是同时加载的，而不是从上到下加载。异步加载的绝妙技巧是，如果一个文件卡住或停止，它不会拖累其余文件；这些脚本将继续加载和运行。

 

延迟加载一些 JS 文件：告诉一些 JS 文件，特别是不影响即时功能的大文件，在所有其他元素完成后加载。

 

优化和缩小：这很有意义 - 较小的文件会加载得更快。不要忘记缩小那个JS。

 

将 JavaScript 放在文件的底部：其他元素和 JS 不能很好地一起加载。通过让 HTML 内容在 JavaScript 之前加载来解决这个问题。

 

13、消除不必要的重定向

您还在从两次重新设计之前重定向页面吗？停下来。这正在扼杀加载时间。

 

虽然某些重定向是必要的邪恶，但请将它们保持在最低限度。

 

使用诸如重定向映射器之类的工具来确定哪些重定向在您的站点上处于活动状态，并消除那些您不知道在哪里的重定向。展望未来，请考虑更新过时的页面，而不是添加具有相似内容的新页面。搜索优化要好得多，所有这些链接都将继续有效！

 

14、选择合适的主机

正确的托管帐户可以决定速度。如果您在这里尝试了许多其他修复并且仍然遇到速度问题，那么您的主机可能是罪魁祸首。

 

有这么多选择，很难为您的钱找到最佳的托管计划。当谈到为速度而构建的托管时，请寻找专用服务器选项。大多数网站所有者的首选是 VPS 托管，它提供更快的加载时间，但您不必自己管理托管。

 

不确定从哪里开始托管？这是为速度而构建的七个托管选项的细分。

 

15、最小化 HTTP 请求

每次用户访问您的网站时必须下载的页面元素数量会极大地影响加载时间。这包括从图像到样式表再到脚本的所有内容，并且这些前端组件可以占用多达80% 的加载时间。

 

最好的解决方案是使用组合文件来减少请求的数量。这意味着将所有 CSS 放在一个样式表中或在可能的情况下组合脚本。

 

这一切都归结为轻量级代码和最佳实践。每个浏览器必须阅读的内容越多，加载时间就越长。

 

16、去除不必要的插件

没有什么比一堆一直在运行的插件更能压垮网站了。

 

尽可能摆脱插件冗余。抛弃不定期更新且不适用于当前版本的网站环境的插件。

 

对于您可以手动执行的操作……退出使用插件。他们只是减慢您的网站速度。

 

17、启用延迟加载

如果滚动上方的元素加载速度比其他所有元素快一点怎么办？这是适用于更重、更复杂页面的“技巧”之一。

 

延迟加载非常适合长滚动页面。如果您的页面在滚动下方有大量图像，它会从页面的顶部到底部加载内容并且效果很好（即使它确实与此处概述的其他一些建议背道而驰。有选项很好，对吧？）

 

结论

您正在做什么来确保您的网站是为速度而构建的？

 

遵循桌面和移动速度的最佳实践不仅影响用户查看您网站的速度。它也会影响网站排名、搜索优化和转化率。（如果页面无法加载，用户应该如何购买产品？）

 

 

开始清理您的代码和优化您的网站是重点，即使您每个月只做这些事情中的一件，您也会开始看到结果。