DIY和其他教程：指南：Autoptimize插件 – 安装和配置

[NewsPaper]

Autoptimize使优化您的网站变得非常容易。它可以聚合、缩小和缓存脚本和样式，默认情况下在页眉中注入CSS，但也可以内联关键CSS并延迟聚合的完整CSS，将脚本移动和延迟到页脚并缩小HTML。这是关于如何安装和配置自动优化插件的指南。

Autoptimize插件安装

1. 转到WP仪表盘区域，打开插件 -> 添加新的部分。按上传插件
2. 使用搜索栏查找Autoptimize并安装插件。

安装插件

autoptimize-install.png (56.13 KiB) 查看 738 次

Autoptimize插件配置：

要设置插件，您必须转到仪表盘区域并打开插件设置窗口。它位于设置 > Autoptimize中。我们建议使用以下配置：

1. JS、CSS 和 HTML

JavaScript选项

• 优化JavaScript代码;
• 聚合JS文件 – 聚合所有链接的JS文件，使其在非渲染阻塞的情况下加载;

JS选项

autoptimize-javascript.png (79.46 KiB) 查看 738 次

CSS选项

• 优化CSS代码;
• 聚合CSS文件 – 聚合所有链接的CSS文件
• 同时聚合内联CSS – 选中此选项，以便Autoptimize也将聚合HTML中的CSS;

CSS选项

autoptimize-css.png (76.29 KiB) 查看 738 次

您也可以尝试关键CSS（消除渲染阻塞 CSS）和内联所有CSS，并决定什么是最适合您网站的选项

其他选项

• 将聚合的script/css保存为静态文件;
• 缩小排除的CSS和JS文件;
• 启用404回退;

其他选项

autoptimize-misc.png (73.37 KiB) 查看 738 次

2. 额外的自动优化

• Google Fonts – 在head中合并和链接延迟（字体加载延迟，但不会阻止渲染）。

额外的优化选项

autoptimize-extra.png (92.29 KiB) 查看 738 次

Extra（额外）部分中还有其他选项在某些情况下可能很有用，例如Preconnect和Preload：

• preconnect指令允许浏览器在实际将HTTP请求发送到服务器之前设置早期连接。
• Preload 指令指示您的Web浏览器尽快下载资产。此指令可用于下载在页面加载过程的早期需要的资源。

注意 – 本指南介绍了我们的情况，对于其他情况，它可能不是最佳情况。