WordPress Google PageSpeed优化指南

1. 先装个缓存插件再说，WP Rocket或者W3 Total Cache都行，没缓存别谈速度。在wp-config.php里加这段让缓存更暴力：

define('WP_CACHE', true);

2. 图片懒加载必须开，WordPress自带的那个就行。在functions.php塞入这坨代码自动压缩上传图片：

add_filter('jpeg_quality', function($arg){return 80;});

3. CSS/JS压缩合并是重头戏，但小心搞崩样式。用Autoptimize插件勾选所有优化选项，记得排除jQuery：

/* 在排除框里填 */
jquery.js

4. 字体加载最烦人，用这个swap避免FOIT文字隐身：

<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

5. 服务器响应时间要压到200ms内，装个Query Monitor插件查慢查询。数据库优化每周跑一次：

OPTIMIZE TABLE wp_posts, wp_options;

6. Lazy Load评论区有效果，但别用jQuery版本。直接扔这段到footer.php：

document.addEventListener("DOMContentLoaded", function() {
  if ('IntersectionObserver' in window) {
    const commentsObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          loadComments();
          commentsObserver.unobserve(entry.target);
        }
      });
    });
    commentsObserver.observe(document.getElementById('comments'));
  }
});

7. 最后记得预加载关键请求，在header.php顶部插入：

<?php 
if (is_front_page()) {
  echo '<link rel="preload" href="https://cdn.example.com/main.css" as="style">';
}
?>

搞完这些再去PageSpeed Insights测分，起码能涨30分。不过分数别太当真，用户觉得快才是真快。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。