2026-07-09 9 views 1

博客优化手记

温馨提示：本文共计2113个字，预计阅读时间需要8分钟。

WordPress博客优化记录

最近不想过多折腾博客，但发现也没啥可记录的，正好篱落的虚拟主机要整合，PHP 也支持到了 8.3，把不兼容的插件都梳理下，从备份、缓存到 SEO，全面替换到最新，做下博客优化。

同时给篱落主机打个软广，确实靠谱，用了这么多年，还没跑路，妥妥的良心。

备份方案：UpdraftPlus

前不久正好友邻沉舟侧畔的博客因为主机商的问题导致数据丢失，汲取前人教训，优先把备份插件装上。

对比维度	UpdraftPlus	WPvivid	Jetpack
免费版核心功能	完整备份 + 定时任务	完整备份 + 定时任务	无免费版备份功能
升级提示	有，但可忽略	无	不适用（需付费）
云存储支持（免费版）	Google Drive、Dropbox 等	仅支持本地或 FTP	仅限自家云存储
插件定位	专注备份	专注备份	一体化套件中的模块
界面与体验	功能导向，稍显传统	现代、干净	现代、极简
适用场景	个人博客到商业网站皆可	不依赖云盘的个人站点	使用 Jetpack 生态的用户

结论：接受免费版的“不完美”，但功能要够用。 UpdraftPlus 是目前平衡得最好的选择。

邮件发送：FluentSMTP

WordPress 默认使用主机的 mail() 函数发送邮件，极不稳定，经常被收件方（Gmail、QQ邮箱等）拦截或丢进垃圾箱。原因是邮件通过主机 IP 发出，而共享主机 IP 的“声誉”通常不佳。

FluentSMTP 完美解决了这个问题。它会接管网站所有的 wp_mail 调用，通过 Gmail、SendGrid 等专业服务商发送邮件，确保评论回复通知能真正到达读者收件箱。

为什么选择 FluentSMTP？

完全免费：100% 永久免费，连接主流邮件服务商、邮件日志、失败重发等功能在免费版中全部开放。
多连接路由：可同时配置多个邮件服务器，主连接失败时自动切换备用通道，大幅提升邮件送达率。
纯净无广告：界面干净，没有其他 SMTP 插件的广告和升级弹窗，体验清爽。

主要是非常干净，功能齐全，虚拟主机博客强烈推荐。

性能优化：WP-Optimize

选择 WP-Optimize 是因为它集成了缓存、数据库清理、图片压缩和 CSS/JS 压缩，一站式的体验很省心。但在实际使用中，遇到了 JS 压缩导致的交互失效问题。

踩坑记录：开启 JavaScript 压缩后，评论区的回复功能、导航菜单的下拉效果全部失效。排查后发现是主题的 JS 文件被压缩时破坏了依赖关系。

解决方案：在 WP-Optimize 的压缩设置 → JavaScript 中，把必要的js加入排除列表即可，CSS 压缩同理，如果更新了 CSS，一定要清除一次缓存才会生效。

关于 Google Fonts：WP-Optimize 提供了"不加载 Google 字体"的选项，与我之前用的 Remove Google Fonts References 插件功能重复，现已停用后者，由 WP-Optimize 统一管理。

SEO 插件：Rank Math

停更前用的是 All in One SEO，恢复后重新评估了市面上的主流方案，最终选择了 Rank Math SEO。

选择原因：

免费版功能最慷慨，支持最多 5 个焦点关键词、重定向管理、404 监控，这些在 Yoast 和 AIO SEO 中通常需要付费。

功能对比	Rank Math SEO	Yoast SEO	All in One SEO
焦点关键词数量	最多 5 个	1 个	1 个
重定向管理	免费版提供	需付费版	需付费版
404 错误监控	免费版提供	不提供	不提供
结构化数据	功能强大，支持多种类型	提供基础类型	提供基础类型
GSC 集成	免费版原生集成	需付费版	需付费版
界面与易用性	现代化，设置向导友好	经典"红绿灯"系统	干净但设置稍复杂
模块化设计	可按需开启/关闭功能	功能捆绑	功能捆绑

遇到的几个问题：

百度 Sitemap 提交限制：百度不接受索引型 Sitemap（如 sitemap_index.xml），需要提交子 Sitemap（如 sitemap-posts-1.xml）。Rank Math 生成的索引型文件在 Google 那边正常，但对百度需要单独处理。
短暂的升级提示：页面加载时会闪现"升级到 Pro"的横幅，但只对登录管理员可见，且可关闭，不影响体验。
数据库表已存在错误：安装后出现 wp_rank_math_analytics_gsc 表已存在的报错，通过后台"重新创建缺失的数据表"功能修复。
百度收录的补充方案：Rank Math 本身不提供向百度主动推送的功能，因此我在主题的 functions.php中加了一段在新文章发布时自动推送给百度 API的代码，弥补了这个空缺。

头像服务：从 Cravatar 到 WeAvatar

国内访问 Gravatar 一直不稳定，之前 Cravatar 用过一段时间，前不久不知何原因老是偶尔抽风，更换到 WeAvatar 后目前更稳定，且支持三级头像匹配（自有头 → QQ 头 → Gravatar），对国内用户友好。

其他优化

视频准备都转移到 B 站，在后台加入短代码和按钮，统一样式，分享代码如下：

// 添加 B站视频短代码（支持横竖屏）
function bilibili_shortcode($atts) {
    // 默认参数
    $atts = shortcode_atts(
        array(
            'bv'       => '',
            'type'     => 'horizontal', // horizontal（横屏）或 vertical（竖屏）
            'maxwidth' => '100%',       // 最大宽度
            'align'    => '15px',       // 左边距
        ),
        $atts
    );

    if (empty($atts['bv'])) {
        return '<p style="color:red;">⚠️ 请提供 BV 号，例如 [bilibili bv="xxxxxxxxx"]</p>';
    }

    // 根据横竖屏设置宽高比
    if ($atts['type'] === 'vertical') {
        $aspect_ratio = '9/16';  // 竖屏
        $default_maxwidth = '300px';
    } else {
        $aspect_ratio = '16/9';  // 横屏（默认）
        $default_maxwidth = '100%';
    }

    // 如果用户没指定 maxwidth，则使用默认值
    $maxwidth = !empty($atts['maxwidth']) ? $atts['maxwidth'] : $default_maxwidth;

    // 构建 HTML
    return '<div style="width:100%; max-width:' . esc_attr($maxwidth) . '; margin-left:' . esc_attr($atts['align']) . ';">
        <iframe 
            src="//player.bilibili.com/player.html?bvid=' . esc_attr($atts['bv']) . '&page=1&autoplay=0&high_quality=1" 
            scrolling="no" 
            border="0" 
            frameborder="no" 
            framespacing="0" 
            allowfullscreen="true" 
            style="width:100%; aspect-ratio:' . $aspect_ratio . '; background:#000; display:block;">
        </iframe>
    </div>';
}
add_shortcode('bilibili', 'bilibili_shortcode');

// 为文本编辑器添加 B站视频短代码按钮
function add_bilibili_quicktag() {
    if (wp_script_is('quicktags')) {
        ?>
        <script type="text/javascript">
        QTags.addButton( 'bilibili', 'B站视频', '[bilibili bv="', '" type="horizontal"]' );
        </script>
        <?php
    }
}
add_action( 'admin_print_footer_scripts', 'add_bilibili_quicktag' );