15%

全场主机优惠15%

测试技能,享折扣

使用代码:

Skills
开始使用
01.11.2024

如何加速WordPress网站:完整优化指南

缓慢的WordPress网站不仅仅是一个不便——它对您的收入、搜索排名和用户留存率构成直接威胁。研究一致表明,页面加载时间延迟一秒可以将转化率降低高达7%,而Google已正式确认页面速度是桌面和移动搜索中的排名信号。如果您的WordPress网站运行缓慢,您正在浪费流量、潜在客户和金钱。

本综合指南涵盖了加快WordPress网站速度的每一项经过验证的技术——从服务器级优化到前端性能调整——提供您今天就可以实施的可操作步骤。

为什么WordPress网站速度比以往任何时候都更重要

在深入了解修复方法之前,值得理解具体的风险:

  • 用户体验:53%的移动用户会放弃加载时间超过3秒的网站(Google/SOASTA研究)。
  • SEO排名:Google的Core Web Vitals——包括最大内容绘制(LCP)、首次输入延迟(FID)和累积布局偏移(CLS)——是直接的排名因素。缓慢的网站在这三个方面的得分都很低。
  • 转化率:Amazon著名地计算出每100毫秒的延迟会让他们损失1%的销售额。同样的原则适用于任何商业网站。
  • 跳出率:缓慢的页面会在访问者看到您的内容之前将其赶走,向搜索引擎发出质量差的信号。

好消息是什么?大多数WordPress性能问题都可以通过正确的方法完全解决。

1. 从优质托管开始——速度的基础

任何插件优化都无法弥补托管基础设施差的不足。您的托管环境是影响WordPress网站基线性能的单一最重要因素。

WordPress托管提供商的选择标准

  • 服务器端缓存(Redis、Memcached或OPcache)
  • SSD或NVMe存储以获得显著更快的读/写速度
  • PHP 8.x支持——较新的PHP版本比PHP 7.x快得多
  • HTTP/2或HTTP/3支持用于并行资源加载
  • 充足的RAM和CPU资源在流量激增时不会受到限制
  • 数据中心位置靠近您的目标受众

选择正确的托管类型

托管类型最适合性能水平
共享托管小型博客、初创网站中等
VPS托管成长中的网站、开发者
专用服务器高流量、企业网站最大

对于大多数遇到性能问题的WordPress网站,从共享托管升级到VPS托管计划是您可以做出的单一最有效的改进。VPS为您的网站提供专用资源——CPU、RAM和存储——不与数百个其他网站共享,消除了困扰共享环境的”嘈杂邻居”问题。

对于高流量WordPress网站、电子商务商店或关键任务应用程序,专用服务器提供无与伦比的原始性能,具有完整的硬件隔离和对服务器环境的最大控制。

如果您刚刚开始或运行简单的信息网站,具有信誉良好的提供商的共享网络托管在适当优化时仍然可以提供可靠的性能。

2. 选择轻量级、性能优化的主题

您的WordPress主题对加载时间有巨大影响。充满不必要功能、过多JavaScript库和编写不当CSS的臃肿主题可以在加载单个插件之前就为您的加载时间增加数秒。

什么使主题”轻量级”?

  • 最少的外部HTTP请求——每个请求都会增加延迟
  • 干净、语义化的HTML没有过多的包装div和内联样式
  • 没有不必要的捆绑页面构建器或您不会使用的功能集
  • 优化的CSS交付——关键CSS内联,非关键CSS延迟
  • Google字体加载高效或用系统字体替换

推荐的轻量级WordPress主题

  • GeneratePress——不到30KB,高度可定制,优秀的性能得分
  • Astra——默认轻量级,具有模块化功能加载
  • Kadence——现代、快速,开箱即用具有优秀的Core Web Vitals
  • Hello Elementor——Elementor用户的最小基础主题
  • Twenty Twenty-Four——WordPress自己的基于块的主题,非常精简

专业提示:在安装任何主题之前,使用主题演示URL在GTmetrix或Google PageSpeed Insights上检查其性能得分。这在提交之前为您提供了真实的基线。

3. 实施激进的图像优化

图像通常占网页总文件大小的50–80%。未优化的图像是缓慢WordPress网站最常见的——也是最容易修复的——原因之一。

压缩:有损与无损

  • 有损压缩(JPEG、WebP)通过丢弃难以察觉的图像数据来显著减少文件大小。适合照片。
  • 无损压缩(PNG、GIF)在不损失任何质量的情况下减少文件大小。最适合徽标、图标和具有透明度的图像。

现代图像格式

尽可能切换到WebP。WebP图像比等效JPEG文件小25–35%,比PNG小26%,视觉质量相当或更好。所有现代浏览器都支持WebP。

为了获得尖端优化,AVIF格式提供比WebP更好的压缩,尽管浏览器支持仍在成熟中。

必要的图像优化插件

插件最佳功能定价
Smush批量优化、延迟加载免费/专业版
ShortPixel优秀的压缩比、AVIF支持基于信用
ImagifyWebP转换、WP Rocket集成免费增值
Optimole基于云、包含CDN免费增值
EWWW Image Optimizer本地处理、无API限制免费/专业版

其他图像最佳实践

  • 延迟加载图像:仅在图像进入视口时加载。WordPress自版本5.5以来具有原生延迟加载,但插件可以进一步扩展此功能。
  • 指定图像尺寸:始终定义宽度和高度属性以防止布局偏移(改进CLS得分)。
  • 使用响应式图像:实施srcset和sizes属性,以便浏览器为每个设备下载适当大小的图像。
  • 避免使用图像表示文本:改用CSS和网络字体——它们无限可扩展且小得多。

4. 在每一层配置缓存

缓存是WordPress网站可用的最强大的性能技术之一。概念很简单:与其在每次访问时从头动态生成每个页面,缓存存储预构建的页面版本并立即提供它们。

WordPress缓存类型

页面缓存:存储完整的HTML页面,因此PHP和MySQL不需要为每个请求运行。这是大多数网站最有影响的缓存类型。

对象缓存:将数据库查询的结果存储在内存中(使用Redis或Memcached),以便重复查询立即返回,无需访问数据库。

浏览器缓存:指示访问者的浏览器在本地存储静态资产(图像、CSS、JS),以便返回访问者不需要重新下载未更改的文件。

操作码缓存:PHP的内置OPcache在内存中存储编译的PHP字节码,消除了在每个请求上重新编译PHP文件的需要。

顶级WordPress缓存插件

WP Rocket(专业版——$59/年)

WordPress缓存插件的黄金标准。WP Rocket处理页面缓存、浏览器缓存、GZIP压缩、数据库优化、延迟加载等——所有这些都来自单一、用户友好的界面。强烈推荐给非技术用户。

W3 Total Cache(免费/专业版)

功能极其强大且可配置。支持页面缓存、对象缓存(Redis/Memcached)、数据库缓存、浏览器缓存和CDN集成。学习曲线陡峭,但对高级用户来说非常出色。

WP Super Cache(免费)

来自Automattic的简单、可靠的页面缓存插件。对于需要直接页面缓存而不复杂的初学者来说非常出色。

LiteSpeed Cache(免费)

如果您的托管运行LiteSpeed Web Server,性能异常。直接与服务器级缓存集成以获得最大速度。

浏览器缓存配置

如果您更喜欢手动配置浏览器缓存,请将以下内容添加到您的.htaccess文件:

<IfModule mod_expires.c>
  ExpiresActive On

  # Images
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType image/svg+xml "access plus 1 year"
  ExpiresByType image/x-icon "access plus 1 year"

  # CSS and JavaScript
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"

  # Fonts
  ExpiresByType font/woff2 "access plus 1 year"
  ExpiresByType font/woff "access plus 1 year"

  # HTML
  ExpiresByType text/html "access plus 0 seconds"
</IfModule>

5. 缩小和优化CSS、JavaScript和HTML

CSS、JavaScript和HTML文件中的每个不必要的字符都会增加其文件大小。缩小会删除注释、空格和冗余代码以减少文件大小——通常减少20–40%。

缩小的作用

缩小前:

/* Main navigation styles */
.nav-menu {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 20px 40px;
}

缩小后:

.nav-menu{display:flex;align-items:center;background-color:#fff;padding:20px 40px}

用于缩小和代码优化的插件

  • Autoptimize:免费、强大,处理HTML/CSS/JS缩小和组合。对大多数网站来说非常出色。
  • WP Rocket:包括内置缩小以及其所有其他功能。
  • Asset CleanUp:识别并禁用特定页面上不需要的脚本和样式。
  • Perfmatters:轻量级插件,专注于禁用不必要的WordPress功能和脚本。

高级JavaScript优化

  • 延迟非关键JavaScript:向不需要阻止页面渲染的脚本添加defer或async属性。
  • 删除未使用的JavaScript:使用浏览器DevTools或PurifyCSS等工具来识别和删除未使用的代码。
  • 消除渲染阻止资源:head中阻止渲染的脚本和样式应该被延迟或移动。

6. 启用GZIP和Brotli压缩

服务器端压缩减少了在您的服务器和访问者浏览器之间传输的文件大小。GZIP压缩通常将基于文本的文件(HTML、CSS、JavaScript)减少60–80%。

通过.htaccess启用GZIP压缩

将以下内容添加到您的.htaccess文件以用于Apache服务器:

<IfModule mod_deflate.c>
  # Compress text, HTML, JavaScript, CSS, XML, and JSON
  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css
  AddOutputFilterByType DEFLATE text/javascript application/javascript application/json
  AddOutputFilterByType DEFLATE application/xml application/xhtml+xml
  AddOutputFilterByType DEFLATE font/woff font/woff2

  # Exclude already-compressed file types
  SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|ico|woff|woff2|ttf|otf|mp4|mp3|avi|mov|zip|gz)$ no-gzip dont-vary

  # Handle browser compatibility
  <IfModule mod_headers.c>
    Header append Vary Accept-Encoding
  </IfModule>
</IfModule>

在Nginx服务器上启用GZIP

对于基于Nginx的服务器,将以下内容添加到您的nginx.conf或网站配置:

gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml application/json application/javascript
           application/xml+rss application/atom+xml image/svg+xml;

Brotli压缩:现代替代方案

Brotli是由Google开发的较新压缩算法,对基于文本的内容的压缩效果比GZIP好15–25%。如果您的服务器和托管提供商支持它,启用Brotli是值得的升级。许多现代托管环境——包括优质的VPS和专用服务器设置——原生支持Brotli。

7. 优化您的WordPress数据库

随着时间的推移,您的WordPress数据库积累了大量不必要的数据:文章修订、自动草稿、垃圾评论、临时数据和孤立元数据等。臃肿的数据库导致查询速度变慢和服务器负载增加。

从WordPress数据库中清理的内容

数据类型为什么会积累删除安全吗?
文章修订WordPress每几分钟保存一次修订是(保留最后3–5个)
自动草稿未保存的草稿文章
已删除的文章/评论垃圾箱中的项目
垃圾评论Akismet捕获但不删除
过期的临时数据临时选项数据
孤立的文章元数据已删除插件的剩余数据
未使用的标签/分类空的分类术语

数据库优化插件

WP-Optimize(免费/专业版)

最全面的免费数据库优化插件。清理修订、垃圾、临时数据等。包括自动清理的计划和内置缓存。

Advanced Database Cleaner(免费/专业版)

在识别和删除卸载插件留下的孤立数据方面非常出色。

WP Rocket(专业版)

包括数据库优化以及其所有其他性能功能。

限制文章修订

将此行添加到您的wp-config.php以限制WordPress仅保留每个文章的最后5个修订:

define('WP_POST_REVISIONS', 5);

要完全禁用修订(通常不推荐):

define('WP_POST_REVISIONS', false);

计划的数据库维护

配置您的优化插件每周或每月运行自动清理。这可以防止数据库膨胀积累,并使查询性能随时间保持一致。

8. 实施内容交付网络(CDN)

CDN是一个地理上分布的服务器网络,缓存并从物理上靠近每个访问者的位置交付您网站的静态资产(图像、CSS、JavaScript、字体)。与其每个请求都传送到您的源服务器,访问者从最近的CDN边缘节点接收内容。

CDN如何改进WordPress性能

  • 降低延迟:内容传输距离更短,减少首字节时间(TTFB)
  • 降低源服务器负载:静态资产由CDN提供,而不是您的服务器
  • 改进可用性:CDN提供冗余和DDoS保护
  • 并行下载:浏览器可以从CDN域同时下载更多资产

WordPress的顶级CDN选项

CDN提供商免费层最适合
Cloudflare是(慷慨)所有网站规模、DDoS保护
BunnyCDN否(非常经济)经济高效的全球交付
KeyCDN否(按使用付费)开发者、高流量网站
StackPath企业性能
Amazon CloudFront有限AWS集成基础设施

WordPress CDN集成

大多数缓存插件(WP Rocket、W3 Total Cache)包括内置CDN集成。对于Cloudflare,安装官方Cloudflare WordPress插件以实现无缝缓存清除和优化控制。

9. 减少HTTP请求

您页面上的每个元素——图像、CSS文件、JavaScript文件、字体、图标——都需要单独的HTTP请求。减少请求总数直接减少加载时间,特别是在高延迟连接上。

减少HTTP请求的策略

  • 合并CSS和JS文件:将多个样式表和脚本合并为单个文件(大多数缓存插件会自动处理此操作)
  • 使用CSS精灵:将多个小图像合并为单个精灵表
  • 内联关键CSS:将首屏CSS直接嵌入HTML head以消除渲染阻止请求
  • 使用图标字体或内联SVG:用SVG或图标字体替换基于图像的图标
  • 删除不必要的插件:每个活跃插件都可能添加脚本和样式。定期审计您的插件并删除您不主动使用的任何内容
  • 禁用表情符号:WordPress默认加载JavaScript文件以支持表情符号。如果您不使用表情符号,请禁用它:
// Add to functions.php or use a plugin like Perfmatters
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

10. 优化WordPress核心设置

无需任何插件,可以调整多个内置WordPress设置和行为以获得更好的性能。

禁用Heartbeat API

WordPress的Heartbeat API每15–60秒向服务器发送AJAX请求以启用自动保存和文章锁定等功能。在共享托管上,这可能会导致CPU激增。减少其频率:

// Add to functions.php
add_filter('heartbeat_settings', function($settings) {
    $settings['interval'] = 60; // Reduce to once per minute
    return $settings;
});

优化WordPress自动加载选项

WordPress在wp_options表中存储许多设置,其中autoload为true,意味着它们在每个页面请求上加载。查询您的数据库以识别大型自动加载选项:

SELECT option_name, length(option_value) AS option_value_length
FROM wp_options
WHERE autoload = 'yes'
ORDER BY option_value_length DESC
LIMIT 20;

如果您发现来自非活跃插件的大型自动加载值,清理它们可以有意义地减少数据库查询时间。

将PHP更新到最新版本

PHP 8.2和8.3比PHP 7.x快得多。升级PHP是可用的最简单的性能胜利之一——通常是您托管控制面板中的一键更改。如果您使用cPanel管理您自己的VPS,您可以直接从控制面板界面切换PHP版本。

11. 使用HTTPS(SSL)保护您的网站

除了安全性,HTTPS现在是现代性能功能的先决条件。HTTP/2——通过多路复用和头部压缩大幅改进加载速度——需要HTTPS。没有SSL,您被锁定在重大性能改进之外。

此外,Google使用HTTPS作为排名信号,浏览器在HTTP网站上显示”不安全”警告,削弱访问者信任并增加跳出率。

确保您的WordPress网站安装了有效的SSL证书。AlexHost提供易于安装且与所有主要托管环境兼容的SSL证书

12. 持续监控性能

速度优化不是一次性任务——这是一个持续的过程。新插件、主题更新、内容添加和流量增长都会随着时间影响性能。

必要的WordPress速度测试工具

Google PageSpeed Insights(免费)

Core Web Vitals测量的权威工具。提供来自Chrome用户体验报告(CrUX)的实验室数据和真实世界字段数据。提供具体、可操作的建议。

GTmetrix(免费/专业版)

详细的瀑布分析显示每个资源加载需要多长时间。非常适合识别特定的瓶颈。支持从多个全球位置进行测试。

WebPageTest(免费)

可用的技术最详细的速度测试工具。支持高级测试场景,包括多个浏览器、连接速度和位置。适合高级诊断。

Pingdom(免费/专业版)

简洁的界面,具有历史性能跟踪。适合随时间监控趋势。

Chrome DevTools(免费,内置于Chrome)

用于实时性能分析的最强大工具。使用Lighthouse选项卡进行综合审计,使用Network选项卡进行详细的请求分析。

设置正常运行时间监控

使用UptimeRobot(免费)、Freshping(免费)或StatusCake等服务来监控您网站的可用性,并在网站出现故障时接收即时警报。许多这些服务还跟踪响应时间趋势,帮助您在性能下降成为严重问题之前捕获它。

Core Web Vitals基准目标

指标良好需要改进
LCP(最大内容绘制)≤ 2.5秒2.5秒 – 4.0秒> 4.0秒
FID(首次输入延迟)≤ 100毫秒100毫秒 – 300毫秒> 300毫秒
CLS(累积布局偏移)≤ 0.10.1 – 0.25> 0.25
TTFB(首字节时间)≤ 800毫秒800毫秒 – 1800毫秒> 1800毫秒
FCP(首次内容绘制)≤ 1.8秒1.8秒 – 3.0秒> 3.0秒

WordPress速度优化清单

使用此清单系统地完成您的WordPress性能改进:

托管和服务器

  • [ ] 如果在共享托管上,升级到VPS或专用托管
  • [ ] 确保启用PHP 8.x
  • [ ] 确认HTTP/2支持处于活跃状态
  • [ ] 在服务器上启用OPcache
  • [ ] 验证正在使用SSD/NVMe存储

主题和插件

  • [ ] 切换到轻量级、性能优化的主题
  • [ ] 审计并删除未使用的插件
  • [ ] 在不需要的页面上禁用不必要的插件脚本

图像

  • [ ] 压缩所有现有图像
  • [ ] 将图像转换为WebP格式
  • [ ] 为图像启用延迟加载
  • [ ] 在所有图像上指定宽度和高度属性

缓存

  • [ ] 安装并配置页面缓存插件
  • [ ] 启用浏览器缓存
  • [ ] 配置对象缓存(Redis/Memcached)(如果可用)
  • [ ] 验证OPcache正在运行

代码优化

  • [ ] 缩小CSS、JavaScript和HTML
  • [ ] 延迟非关键JavaScript
  • [ ] 内联关键CSS
  • [ ] 启用GZIP或Brotli压缩

数据库

  • [ ] 清理修订、垃圾和临时数据
  • [ ] 在wp-config.php中限制未来文章修订
  • [ ] 计划定期数据库维护

CDN和网络

  • [ ] 为静态资产实施CDN
  • [ ] 确保HTTPS/SSL处于活跃状态
  • [ ] 验证HTTP/2已启用

监控

  • [ ] 在Google Search Console中设置Core Web Vitals监控
  • [ ] 配置正常运行时间监控
  • [ ] 计划每月性能审计

常见问题

我的WordPress网站应该加载多快?

目标是首字节时间(TTFB)低于800毫秒,最大内容绘制(LCP)低于2.5秒。对于电子商务网站,每100毫秒的改进对转化率都很重要。

更多插件会减慢我的WordPress网站速度吗?

不一定——编码良好的插件开销最小不会显著影响性能。但是,编码不当的插件在每个页面上加载脚本、进行过多数据库查询或与其他插件冲突可能

15%

全场主机优惠15%

测试技能,享折扣

使用代码:

Skills
开始使用