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个速度陷阱之一,请务必遵循我们的改进建议,以便您的网站可以为来年做好准备。

我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器