SiteSkyline 优化器入门
欢迎使用 SiteSkyline 优化器!本指南将帮助您安装插件、配置初始设置,并在几分钟内开始加速您的 WordPress 或 WooCommerce 网站。
开始之前
在安装SiteSkyline Optimizer之前,请确保您的网站满足以下要求:
- 一个自托管的 WordPress 网站。
- 运行受支持的 PHP 版本的兼容托管。
安装
请按照以下简单步骤在您的网站上安装该插件:
- 登录到您的 WordPress 仪表板。
- 导航到插件菜单并单击 添加新内容.
- 搜索 SiteSkyline优化器.
- 点击 立即安装 然后单击 激活 安装完成后。
首次设置
激活后,您可以通过新添加的设置菜单访问所有功能。
- 转到 WordPress 仪表板中的“设置”菜单并查找插件选项。
- 开始于 一般的 选项卡来配置您的核心速度调整。
- 查看可用的功能切换,以消除不必要的站点膨胀、清理头部输出并修剪额外的功能。
- 点击 保存更改 单击页面底部的以应用新设置。
你的第一步
现在您的插件已激活,请尝试探索这两个关键功能以立即获得性能提升:
1. 加快页面交付速度
- 导航至“设置”菜单并选择 页面缓存 选项卡。
- 切换 启用页面缓存 开关以激活静态 HTML 页面缓存。
- 配置您的过期首选项和排除规则,然后单击 保存更改.
2. 优化你的图像
- 导航至“设置”菜单并选择 网络P 选项卡。
- 切换 启用 WebP 转换 开始将繁重的图像上传转换为更轻、更快的格式。
- 选择您喜欢的转换方式并点击 批量转换 优化您现有的图像库。
优化仪表板
它的作用
优化仪表板可让您快速概览站点的性能状态和缓存状态。它还提供快速优化触发器,以便您可以保持网站平稳运行。
如何使用
- 转到优化部分并选择优化选项卡。
- 查看您当前的站点性能状态。
- 单击任何快速优化操作来改进您的网站。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 没有可用的可配置设置 | 该仪表板旨在快速查看和触发性能操作,而不是手动配置。 |
Tips & Best Practices
- 定期检查优化仪表板,随时了解网站当前的性能运行状况。
- 每当您想要执行快速性能调整时,请使用快速优化触发器。
- 将仪表板评论与缓存管理和资产管理器功能配对,以实现完整的站点速度例程。
资产分析器
它的作用
资产分析器可帮助您检查网站上加载的脚本和样式。通过查看这些页面资产,您可以轻松识别网站的新优化机会。
如何使用
- 转到资产管理器部分。
- 选择分析器选项卡。
- 运行资产分析。
- 查看每个页面加载的 CSS 和 JavaScript 文件。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 没有任何 | 此功能没有可配置的设置。 |
Tips & Best Practices
- 定期运行扫描以跟踪添加到页面的新脚本和样式。
- 利用从分析中获得的见解来发现优化机会。
- 检查每页加载的 CSS 和 JavaScript 文件,以更好地了解网站的性能。
资产规则
它的作用
为脚本和样式配置条件加载规则,以出列或禁用特定页面或全局上的资源。这可以帮助您从特定页面中删除不需要的脚本和样式,以减少页面重量。
如何使用
- 转到资产管理器部分并打开规则选项卡。
- 添加新的资产规则。
- 选择要禁用的手柄。
- 保存您的资产规则。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 资产出队规则 | 指定 CSS 或 JS 句柄以全局禁用或在特定 URL/帖子类型上禁用。 |
Tips & Best Practices
- 使用条件加载规则从特定页面中删除不需要的脚本和样式。
- 在全局或特定 URL 和帖子类型上禁用目标资产,以帮助减少页面重量。
- 通过删除不需要的不必要的代码来保持页面高效运行。
Media & Image Optimizer
它的作用
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
如何使用
- 转到媒体部分并单击图像选项卡。
- 切换延迟加载设置并配置图像优化参数。
- 单击“保存”按钮保存您的媒体设置。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 延迟加载 | 切换图像的本机或基于脚本的延迟加载。 |
| LCP 图像预加载/优先级 | 控制首屏 LCP 图像的获取优先级和预加载。 |
Tips & Best Practices
- 调整图像渲染和加载设置以改进最大内容绘制 (LCP)。
- 使用延迟加载设置为图像选择本机延迟加载或基于脚本的延迟加载。
- 专门为您的首屏图像配置获取优先级和预加载。
WebP 图像转换
它的作用
将上传的 JPEG 和 PNG 图像转换为现代 WebP 格式,以加快图像传输速度。这有助于您的网站加载速度更快,并为访问者提供更流畅的体验。
如何使用
- 转到“媒体”部分并选择“WebP”选项卡。
- 打开自动转换,以便自动处理新上传,或选择您喜欢的 WebP 生成模式。
- 运行批量转换以更新您现有的图像库。
- 单击“保存”按钮以保留您的 WebP 设置。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| WebP生成模式 | 选择您的转换方法,例如 GD、Imagick 或基于云/服务器的规则。 |
| 自动转换上传 | 每当新媒体上传到您的网站时,都会自动生成 WebP 版本。 |
Tips & Best Practices
- 启用自动转换可以节省时间,这样您就不必手动转换上传的每个新图像。
- 运行批量转换工具可一次性快速升级整个现有图像库。
- 尝试可用的生成模式以找到最适合您的服务器环境的选项。
- 将此功能与媒体优化器相结合,以确保您的图像尽可能快速高效。
关键 CSS 生成
它的作用
关键 CSS 生成通过生成和内联关键首屏 CSS 来帮助您的页面立即加载。此过程消除了渲染阻塞样式表,因此访问者可以立即查看您的内容,而无需等待完整样式表下载。
如何使用
- 转到“样式”部分并选择“关键 CSS”选项卡。
- 选择您喜欢的生成模式并配置是否将关键 CSS 直接注入您的页面。
- 如果需要,编辑任何后备关键 CSS 规则。
- 单击保存样式设置按钮以应用更改。
- 单击“生成关键 CSS”按钮来创建关键的首屏样式。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 关键 CSS 生成模式 | 配置每个模板的自动生成或手动内联 CSS 输入。 |
| 内联关键 CSS | 切换关键 CSS 是否直接注入 HTML 头部。 |
Tips & Best Practices
- 仔细设置关键的 CSS 规则,以便页面立即为访问者呈现,不会造成延迟。
- 根据您的模板需求,使用生成模式在自动创建和手动输入之间切换。
- 对您的规则或首选项进行任何调整后,请记住保存您的样式设置。
本地 Google 字体托管
它的作用
在本地下载 Google 字体并从您自己的服务器提供它们,以提高隐私性和速度。此功能消除了对 Google Fonts 的外部 DNS 查找。
如何使用
- 转到样式部分并打开字体选项卡。
- 打开或关闭本地 Google 字体托管。
- 需要时清除字体缓存。
- 单击以保存您的字体设置。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 自托管 Google 字体 | 自动拦截Google Font请求,将字体文件下载到本地,并重写CSS。 |
| 预加载本地字体 | 为本地托管的字体文件添加预加载链接标题。 |
Tips & Best Practices
- 启用本地字体托管可提高网站的隐私性和加载速度。
- 使用自托管选项自动拦截 Google Font 请求并将文件下载到您自己的服务器。
- 打开字体预加载,为本地托管的字体文件添加有用的链接标题。
- 请记住在更新字体设置后清除字体缓存。
JavaScript Defer & Optimization
它的作用
推迟 JavaScript 执行、组合或延迟脚本以及删除 jQuery Migrate。这有助于防止 JavaScript 阻止页面渲染并提高网站的性能。
如何使用
- 前往 JavaScript 部分 并打开 JS 选项卡.
- 切换您首选的 JavaScript 延迟选项。
- 如果需要,从延迟中排除任何特定的脚本句柄。
- 保存您的 JavaScript 设置。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 延迟 JS 执行 | 向非关键脚本标记添加 defer 或 async 属性。 |
| 删除 jQuery 迁移 | 删除不必要的 jquery-migrate 脚本。 |
Tips & Best Practices
- 使用脚本延迟可以防止 JavaScript 阻止页面内容顺利加载。
- 如果脚本需要立即执行,则可以通过将特定脚本句柄保留在延迟过程之外来利用排除。
- 将此功能与资产规则配对,可以更好地控制站点脚本的加载方式。
Cache Management & Page Cache
它的作用
配置页面缓存、缓存预加载、缓存过期规则和排除模式。此功能允许您立即向访问者提供静态 HTML 快照。
如何使用
- 转到缓存部分并选择缓存选项卡。
- 切换页面缓存设置以启用磁盘或高级页面缓存。
- 设置缓存过期时间并根据需要定义任何排除模式。
- 每当您需要刷新内容时,请使用可用的操作来预加载缓存或清除缓存。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 启用页面缓存 | 切换磁盘或高级页面缓存后端。 |
| 缓存过期/TTL | 设置缓存页面的生存时间。 |
| 排除的 URL / Cookie | 定义查询字符串、cookie 或绕过缓存的路径。 |
Tips & Best Practices
- 启用页面缓存可确保访问者立即收到静态 HTML 快照,从而获得更快的浏览体验。
- 对网站进行重大更新后定期清除缓存,以便访问者立即看到您的最新更改。
- 使用缓存预加载在访问者请求之前主动生成缓存页面。
- 为动态页面或网站区域设置排除的 URL 和 cookie,这些页面或区域永远不应通过缓存快照提供服务。
浏览器缓存规则
它的作用
浏览器缓存规则允许您为静态资源配置过期标头,例如 Expires 和 Cache-Control。这可以通过直接从本地浏览器缓存中提取静态文件来帮助回访者更快地加载您的网站。
如何使用
- 前往 缓存 部分并单击 浏览器缓存 选项卡。
- 为静态资产配置浏览器缓存标头和过期规则。
- 单击按钮生成并更新您的浏览器缓存规则。
- 保存浏览器缓存设置以应用更改。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 浏览器缓存标头 | 在服务器配置中添加 CSS、JS、图像和字体的过期规则。 |
Tips & Best Practices
- 启用浏览器缓存规则可帮助回访者更快地从本地浏览器缓存加载静态资源。
- 使用这些规则为您的文件正确配置过期标头,例如 Expires 和 Cache-Control。
- 每当您调整缓存规则时,请定期保存和更新浏览器缓存设置。
OP缓存管理
它的作用
监控和管理 PHP OPcache 状态和缓存重置。查看性能指标并保持您的网站平稳运行。
如何使用
- 转到缓存部分并选择 OPcache 选项卡。
- 查看当前的内存消耗、命中率和缓存的脚本计数。
- 每当您需要更新信息时,单击按钮即可刷新您的状态统计数据。
- 需要时单击按钮重置您的 OPcache。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| OPcache 设置视图 | 查看内存消耗、命中率和缓存的脚本计数。 |
Tips & Best Practices
- 定期检查您的缓存性能指标,以确保您的网站高效运行。
- 刷新您的状态统计信息以查看最新的性能信息。
- 每当您需要清除存储的脚本并应用更新时,请重置您的 OPcache。
WordPress 核心功能管理器
它的作用
WordPress 核心功能管理器可帮助您禁用不需要的 WordPress 核心功能、膨胀和遥测。它允许您通过关闭不必要的内置功能来清理站点头部并减少站点的攻击面。
如何使用
- 导航到功能管理器部分并选择 WordPress 选项卡。
- 切换您要关闭的项目的核心功能开关。
- 保存您的 WordPress 核心设置以应用更改。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 禁用表情符号 | 从头部删除 WordPress 表情符号脚本和样式。 |
| 禁用嵌入 | 禁用 oEmbed 发现链接和 REST API 嵌入端点。 |
| 禁用 XML-RPC | 关闭 XML-RPC 协议请求。 |
| 禁用 RSS 源 | 删除提要链接并禁用提要生成。 |
Tips & Best Practices
- 在禁用功能之前检查您网站的要求,以确保您不会关闭访问者或集成所依赖的功能。
- 禁用未使用的功能(例如 XML-RPC 和嵌入)是帮助减少站点攻击面的好方法。
- 关闭不必要的脚本(例如表情符号)有助于清理站点头部,以实现更精简的设置。
WooCommerce Store Modes & Cleanup
它的作用
通过禁用未使用的商店功能、脚本和膨胀来简化 WooCommerce。此功能有助于防止不必要的项目加载到不需要的页面上。
如何使用
- 转到功能管理器部分。
- 选择 WooCommerce,然后打开“模式”选项卡。
- 根据需要切换 WooCommerce 功能开关。
- 保存您的 WooCommerce 模式设置。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 禁用购物车片段 | 禁用非商店页面上的 wc-cart-fragments AJAX 请求。 |
| Disable WooCommerce Styles & Scripts | 在非商店页面上卸载 WooCommerce 前端 CSS/JS。 |
| 禁用 WooCommerce 品牌 | 终止 WooCommerce Brands 包/扩展。 |
Tips & Best Practices
- 切换商店范围的 WooCommerce 优化,以防止购物车片段加载到博客文章或静态页面上。
- 阻止商店脚本加载到不需要它们的页面上,以保持网站平稳运行。
- 进行更改后检查您的设置,以确保商店页面正确显示。
WooCommerce 资产管理器
它的作用
WooCommerce 资产管理器允许您控制商店页面上特定 WooCommerce 脚本和样式表的加载。您可以微调特定页面上加载的 WooCommerce 资产,以帮助优化您的商店。
如何使用
- 转到功能管理器部分。
- 选择 WooCommerce 选项并单击资产选项卡。
- 配置您的 WooCommerce 资产加载规则。
- 单击保存按钮来存储您的资产规则。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| WooCommerce 资产规则 | 有条件地禁用特定的 WooCommerce 脚本和样式句柄。 |
Tips & Best Practices
- 更新资产规则后检查您的商店页面,以确保一切正常显示和运行。
- 仅禁用您确定在特定页面上不需要的脚本和样式表。
- 花点时间配置规则,以确保您的商店顺利运行。
WooCommerce 计划任务 (Cron)
它的作用
管理和优化 WooCommerce 后台计划任务和操作计划程序队列。查看 WooCommerce 后台任务队列并清理旧的操作调度程序日志,以保持您的商店平稳运行。
如何使用
- 转到功能管理器部分,选择 WooCommerce,然后打开 计划任务 选项卡。
- 查看您的后台任务队列并配置您的首选项。
- 手动运行待处理的操作或根据需要删除已完成的操作日志。
- 单击 保存 cron 设置 按钮来应用您的更改。
Settings & Options
| 环境 | 它控制什么 |
|---|---|
| 动作调度程序调整 | 配置已完成/失败操作的批量大小和保留期。 |
Tips & Best Practices
- 通过删除已完成的操作日志来定期清理旧的操作调度程序日志,以保持系统井井有条。
- 当您需要立即处理后台任务时,请对挂起的操作使用手动运行。
- 调整您的操作计划程序调整设置,以优化商店中处理批量大小和保留期的方式。
WooCommerce 管理员膨胀控制
禁用 WooCommerce 管理仪表板小部件、分析报告和营销通知。
