手札

WordPress网站运行缓慢的7个原因

找出是什么让wordpress网站变慢可能是一个麻烦的过程。这篇文章探讨了拖累网站速度的7个主要问题，并提供了使您的WordPress主题网站更快地进入建议。

在我们开始之前，请检查您的速度。

这2个免费工具将检查速度以及其他网页信息 – webpagetest.org 和 tools.pingdom.com。这些网站检查页面加载时间和统计信息，如LCP。LCP 是渲染时间，用于报告加载访问者视口中最大块所需的时间。这些工具还突出显示了可能的改进领域，例如图像压缩，CDN使用以及加载脚本花费的时间太长。

是什么让我的WordPress网站如此缓慢？

1 – 未优化的图像

图像是网站运行缓慢的首要原因。人们很少压缩他们的图像，这可能会导致严重的渲染延迟。

如果您将网站的某个部分设置为使用 CSS 显示 400 x 400 像素的图像，但上传的是 800 x 800 像素的图像，则即使图像不会以该分辨率显示，您仍必须等待额外的 400 x 400 像素加载。

在程序内部发生的事情是，浏览器首先加载 800 x 800 像素的图像，然后将其缩小到 400 x 400 像素的图像。这会占用服务器的额外时间和资源，并减慢加载时间。

其实可以执行以下两项操作：

上传与网页上显示空间尺寸相同的图片。

使用图像压缩或调整大小工具上传正确大小的图像。例如，TinyPNG，Optimole，WP Smush，EWWW Image Optimizer，Smushit。WordPress在上传文件时包括图像大小调整功能。它允许您选择尺寸或选择自己的尺寸。

延迟加载

您还可以将图像从加载（称为延迟加载）推迟到图像位于网站访问者的窗口中之后。这可以使用 HTML 属性进行设置。

2 – 不使用缓存插件

没有理由不使用缓存插件。如果您的网站没有缓存页面，则可能会使服务器过载，并导致服务器过载，从而导致其速度变慢甚至崩溃。缓存允许网站访问者快速查看静态 HTML 文件。缓存允许您在首次将保存的数据加载到未使用的 RAM 空间中时存储和重用它，并防止返回服务器。wp-super-cache是一个广泛使用的免费WordPress插件。如果您遇到的网站运行缓慢，这是您的首选修复程序之一。

3 – 不使用 CDN

Web服务器的位置可能会影响位于不同地理区域的不同人员的速度。CDN 使用国际对等互连，并使内容靠近您的网站访问者，以便他们体验低延迟。由于 CDN 存储站点的静态文件（如 JavaScript、CSS、HTML 和图像），因此托管上的负载减少，并使访问者的网站性能更快。

内容交付网络（CDN）执行地理位置分散的缓存，将您网站的静态文件存储在世界各地的 Web 服务器上，以改善所有网站访问者的体验，无论他们从哪个国家/地区访问您的网站。

4 – 后台进程

您的备份和定期发布或更新应设置为在低流量时段运行。确保这些设置提供的影响最小，例如：您的备份是否需要存储每个页面的副本，还是只需要存储更改的副本？某些插件也会降低您的网站速度。一些插件可能是资源密集型的，并且页面速度明显变慢，特别是那些收集数据，执行SEO功能，收集统计信息或创建备份的插件。查询监视器是一个免费的开源插件，可以按速度对插件进行排名，以便您可以开始研究轻量级替代方案。

5 – 带宽限制

为了提高带宽限制用户的可访问性，您可以启用GZIP，这需要更少的数据来加载您的页面。GZIP将文件压缩到90%，从而实现更快的页面速度，改进的SEO和更好的整体用户体验。GZIP是一个免费的开源软件应用程序，可以使用Github中列出的这些配置之一添加到站点中，用于最常见的服务器。

您可以使用许多缓存插件启用GZIP，包括免费的WP超级缓存。要测试您是否已正确将 GZIP 添加到您的网站，请访问 GZIP 测试程序并输入您网站的网址。如果设置正确，它将返回一条消息，指出”GZIP已启用”。

6 – 请求过多

页面上的每个组件都是一个HTTP请求，因此简化页面的设计可以大大减少页面加载所需的请求数。不要忘记，每个图像都是它自己的请求。您可以通过查看代码来减少其他组件。将外部 CSS 文件合并到 1 个样式表中。对您的 Javascript 资源执行相同的操作。您可以使用 Apache Ant 为您的网站组合多个文件。使用 Chrome 的开发工具或 Pingdom 工具了解每个插件发送了多少请求。减少请求将直接缩短加载时间。

7 – 未优化的代码

源代码中的缩进使其对开发人员更具可读性，但对于浏览器来说，它只是要下载的额外数据。这些字符以及注释会增加页面加载时间所需的时间。有一个免费的”缩小”插件，它将为您在开发后删除不必要的字符。执行此操作的几个流行插件包括Autoptimize和WP Rocket。

在级联样式表或 CSS 中，您可以尽可能使用”媒体类型”并设置非关键 CSS（如非首屏组件）来优化代码，以”内联”或”异步”（即”延迟加载”）加载。区分关键与非关键 CSS 将显著提高性能。通常，关键 CSS 将包括背景颜色、首屏（或初始视口）的样式和设备尺寸。

使用Javascript（特别是第三方Javascript），可以阻止加载其他资源。请考虑添加延迟属性。

提高速度以3种不同的方式直接影响SERP排名。自2010年以来，谷歌在搜索结果中排名桌面速度，并在2018年将移动速度排名。就在今年6月，谷歌推出了第三个速度排名，称为Core Web Vitals（CWV），专注于页面体验。速度还通过影响网站访问者的跳出率间接影响排名。超过一半的人在手机上访问网站，如果网站在3秒内没有加载，就会离开网站。如果您陷入了我们介绍的7个速度陷阱之一，请务必遵循我们的改进建议，以便您的网站可以为来年做好准备。