在 WordPress 4.2 版本开始,官方默认启用了 Emoji 表情支持功能,允许在文章、评论中显示各类小表情。这虽然增加了用户互动的趣味性,但对于大多数以性能为优先的网站来说,Emoji 功能其实并不必要。特别是在企业官网、博客或电商站点中,这些表情反而会增加额外的 HTTP 请求,影响网站加载速度和性能。
本篇文章将详细介绍如何彻底禁用 WordPress 的 Emoji 功能,从而提高你网站的性能表现。
一、为什么要禁用 Emoji?
- 性能优化
WordPress 会默认加载两个与 Emoji 相关的 JavaScript 和 CSS 文件,每次页面访问都会发出额外请求,尤其是移动端,影响加载速度。 - 兼容性问题
某些主题或插件与 WordPress Emoji 脚本存在冲突,可能导致样式错乱或功能异常。 - SEO友好
减少不必要的请求和资源,有助于提升页面加载速度,间接有助于 SEO 表现。
二、如何禁用 Emoji 功能
下面提供一个可以添加到主题的 functions.php
文件中的代码,安全且有效地禁用 WordPress 的 Emoji 功能:
// 禁用 Emoji 表情功能
function disable_emoji_support() {
// 前端禁用
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
// 后台禁用
remove_action('admin_print_scripts', 'print_emoji_detection_script');
remove_action('admin_print_styles', 'print_emoji_styles');
// 禁用 TinyMCE 编辑器中的 Emoji 插件
add_filter('tiny_mce_plugins', function($plugins) {
return is_array($plugins) ? array_diff($plugins, ['wpemoji']) : [];
});
// 禁用 Emoji DNS 解析
add_filter('emoji_svg_url', '__return_false');
}
add_action('init', 'disable_emoji_support');
将上述代码复制粘贴到你的主题或子主题的 functions.php
文件中即可生效。建议使用子主题操作,避免主题更新后丢失设置。
三、使用插件禁用 Emoji(无需代码)
如果你不想动代码,也可以使用以下插件来实现 Emoji 禁用:
- Disable Emojis(插件库搜索即可安装)
- Autoptimize(可选中禁用 Emoji 的选项)
安装插件后,根据提示启用对应的功能,即可轻松屏蔽 Emoji 资源的加载。
四、检查是否禁用成功
完成禁用操作后,可以通过以下方式进行检查:
- 查看源代码
按 F12 打开浏览器开发者工具,查看网页源码中是否还存在wp-emoji-release.min.js
等相关文件链接。 - 性能测试工具
使用 PageSpeed Insights 或 GTmetrix 进行性能检测,确认 Emoji 相关请求已不再加载。
结语
虽然 Emoji 为内容创作增添了一些趣味性,但对于追求极致性能的 WordPress 网站来说,它并非必需。禁用 Emoji 是一种简单有效的优化手段,能够减少不必要的资源加载,提升网站速度和用户体验。希望本文对你的站点优化之路有所帮助!
如有疑问,欢迎留言交流。