WordPress 性能优化 — 开发者指南（Riad Hasan）

Source: Dev.to

请提供您希望翻译的具体内容（文章正文、代码块除外），我将按照要求保留原始链接并将文本翻译成简体中文。

为什么 WordPress 性能很重要

Google 的核心网页指标（Core Web Vitals）现在已成为排名因素。一个慢速的 WordPress 网站会失去：

“我看到企业仅通过提升性能就将潜在客户翻倍，” Riad 说。“这是你能做的最高投资回报率的改进。”

Riad Hasan 的 WordPress 优化清单

1. 主机基础

在进行任何代码更改之前，Riad 确保主机环境稳固。

4. 数据库优化

Riad 的清理例程（通过 WP‑CLI 或 phpMyAdmin 运行）：

-- Clean post revisions
DELETE FROM wp_posts WHERE post_type = 'revision';

-- Clean auto‑drafts
DELETE FROM wp_posts WHERE post_status = 'auto-draft';

-- Clean trashed content
DELETE FROM wp_posts WHERE post_status = 'trash';

-- Clean orphaned postmeta
DELETE pm FROM wp_postmeta pm
LEFT JOIN wp_posts p ON pm.post_id = p.ID
WHERE p.ID IS NULL;

-- Clean transient options
DELETE FROM wp_options WHERE option_name LIKE '%transient%';
DELETE FROM wp_options WHERE option_name LIKE '%site_transient%';

其他设置：

• 将文章修订版限制为 3 个
• 将自动保存间隔设置为 60 秒
• 每周删除垃圾评论

5. 图片优化

响应式图片标记（示例）

<!-- Replace with actual <img> tag -->
<img src="example.webp" alt="Descriptive alt text" width="800" height="600">

6. 缓存策略

浏览器缓存（.htaccess）

ExpiresActive On
ExpiresByType image/webp               "access plus 1 year"
ExpiresByType image/jpeg               "access plus 1 year"
ExpiresByType image/png                "access plus 1 year"
ExpiresByType text/css                 "access plus 1 month"
ExpiresByType application/javascript   "access plus 1 month"
ExpiresByType font/woff2               "access plus 1 year"

对象缓存（Redis）

• 数据库查询缓存
• 瞬时缓存
• WooCommerce 会话缓存

页面缓存（WP Rocket 或自定义）

• HTML 页面缓存
• CSS/JS 压缩
• 延迟 JavaScript 执行

7. WooCommerce 优化

移除购物车碎片

// Disable WooCommerce cart fragments
function riad_disable_cart_fragments() {
    wp_dequeue_script('wc-cart-fragments');
}
add_action('wp_enqueue_scripts', 'riad_disable_cart_fragments');

其他调整

• 在非商店页面禁用脚本
• 将相关产品限制为 4 个
• 高效使用产品画廊
• 谨慎使用 AJAX 购物车

8. 核心网页指标修复

LCP（最大内容绘制）

• 预加载关键图片
• 使用服务器推送加载字体
• 优化首屏内容

CLS（累计布局偏移）

img {
    aspect-ratio: attr(width) / attr(height);
    height: auto;
}

FID（首次输入延迟）

• 拆分长任务
• 对繁重的 JS 使用 Web Workers
• 最小化主线程工作

前后对比：Riad Hasan 的结果

这些数据展示了系统化、代码优先的方法如何将一个迟缓的 WordPress 站点转变为闪电般快速、符合 Core‑Web‑Vitals 标准的体验。

性能指标

• CLS: 0.25  ± 0.02
• 页面大小: 3.2 MB  ± 450 KB
• 请求数: 85  ± 22

“我优化的每个站点都遵循同样的系统化方法，” Riad Hasan 说。 “结果始终如一。”

与 Riad Hasan 合作

Riad Hasan 提供 WordPress 性能优化，作为其全栈开发服务的一部分。他的工作包括：

• WordPress 性能审计
• WooCommerce 优化
• 定制主题开发
• Headless WordPress 构建
• 持续的维护与监控

与 Riad Hasan 联系

• Portfolio: riadhasan.io
• Projects: riadhasan.io/projects
• LinkedIn: linkedin.com/in/riad-hasan-100a231a6
• GitHub: github.com/RiadHasan15
• Email: hire.riadhasan@gmail.com

您在 WordPress 上遇到哪些性能挑战？ 请在评论中分享。

#wordpress #performance #webdev #corewebvitals #optimization #php #woocommerce #webdevelopment