Blocksy General Options Performance性能面板

Blocksy 在核心中内置了一系列性能优化，使其运行非常快速。

不过，有些开发者希望调整这些设置，因此提供了 性能面板（Performance Pane） 来满足需求。

通过它，我们可以调整以下设置

• 自定义器 CSS 值的生成方式
• 禁用 WordPress 内置的表情符号脚本
• 本地存储 Gravatar 头像
• 开启或关闭图片懒加载功能

动态 CSS 输出

该选项可控制由自定义器生成的动态 CSS 如何加载。

文件模式的另一个重要优势是它使用标准 WordPress 方法加载 CSS 文件，可以被浏览器缓存，也能与其他样式表合并（通过 Autoptimize、W3 Total Cache、Fast Velocity Minify 等插件），从而带来显著性能提升，这是内联 CSS 无法做到的。

默认情况下（文件模式），全局动态 CSS 会被保存到 global.css 文件，并在前端加载。

你也可以选择 内联模式（Inline），即将 CSS 直接写入 HTML 中。但这样会在每次刷新页面时重新计算，效率低，不推荐。

禁用表情符号脚本

WordPress 自带表情符号渲染器，用于兼容不支持表情的旧浏览器。禁用它能减少加载的文件数量，加快网站速度并减少请求数。

本地存储 Gravatar

如果你的网站社交属性强，可以启用此选项，将登录用户的 Gravatar 头像缓存到本地服务器并从本地提供，加快加载速度。

图片懒加载

该功能利用浏览器原生懒加载机制，只有当图片进入视口时才会加载。Blocksy 提供了多种细分选项：

• 文章/页面标题的特色图像（Hero 区域）
• 单篇文章/页面的特色图像
• 归档页面的特色图像（Hero 区域）
• 相关文章模块的缩略图

总结：

Blocksy 的 性能面板 提供了多项优化控制，让开发者根据需要灵活调整：

1. 动态 CSS 输出：推荐使用文件模式，提升缓存与合并性能。
2. 禁用表情符号脚本：减少不必要的资源加载，加快网站速度。
3. 本地缓存 Gravatar：适合社交属性强的网站，减少外部请求。
4. 图片懒加载：提升页面加载速度，并可精细化控制不同位置的图片加载行为。

总体来说，性能面板让网站在 速度优化、资源管理、用户体验 三方面都能更灵活高效。