升级到高级插件允许您在额外页面上卸载未使用的样式和脚本,例如:
- 分类页面,例如默认的 WordPress 类别、标签和自定义创建的页面,例如来自 WooCommerce 的产品类别。
- 作者页面(例如,显示特定作者发布的所有帖子的页面,通过
is_author()
函数检测) - 默认 WordPress 搜索页面
is_shop()
WooCommmerce 搜索页面(与通过函数检测到的实际商店页面具有相同的设置)- 404 页面(未找到):这个页面尽可能轻,并且这里需要的许多 CSS 和 JavaScript 文件不太可能(通过
is_404()
函数检测到) - 日期存档页面:这是检索按日期过滤的文章的任何页面,通过
is_date()
函数检测对于加载的 JavaScript 文件,可以应用defer和async等属性有很多技术经常被用来延迟解析。然而,简单且首选的技术是简单地将 JavaScript 的加载延迟到需要时。如果此技术不适合在您的页面上使用,接下来建议您在适当的情况下使用<script async>属性,通过将解析延迟到浏览器的 UI 线程不忙于执行来防止解析阻塞初始页面加载别的东西。所有这些设置都可以在 Asset CleanUp Pro 中应用,无需编写任何代码。
更改 CSS/JS 文件的位置(如果您需要提前触发特定文件,可以将其从 HEAD 移动到 BODY 以防止渲染阻塞,反之亦然)
卸载硬编码的 CSS/JS(不是通过标准 WordPress 函数加载的,例如
wp_enqueue_scripts()
)。LINK/STYLE/SCRIPT 标签可以通过编辑 PHP 代码(不使用正确的 WordPress 动作挂钩)、直接在帖子内容、小部件中添加,或通过插件(例如“插入页眉和页脚”、“页眉、页脚和注射后”等。“测试模式”功能 → 担心优化错误?别再这样了!
这使您可以优化网站(卸载无用文件、设置异步、推迟加载的 JavaScript 文件、清理 HTML 代码),而无需“实时”应用更改(对常规访问者),以防您对更改可能存在任何疑问破坏页面/网站的功能。您所做的任何更改都只会应用于您(登录的管理员)。一旦您对页面的外观和工作方式感到满意,您可以禁用“测试模式”以实时推送更改,以便其他人可以享受更快的页面加载
-
精简版与专业版
精简版专业版在主页、帖子、页面和自定义帖子类型(例如 WooCommerce 产品页面、Easy Digital Downloads 下载项目)上管理排队的 CSS 和 JavaScript 文件 批量卸载:无处不在(站点范围)、特定页面和帖子类型、添加加载例外 管理仪表板(默认)和前端视图(页面底部)中的 CSS 和 JavaScript 文件(如果选择) 启用“测试模式”以仅将插件的更改应用于登录管理员以进行调试 缩小剩余加载的 CSS 和 JavaScript 文件(可选择添加例外)
<HEAD>
将剩余已加载的 CSS和JavaScript 文件从每个<BODY>
位置合并到更少的文件中(可选择添加例外) 从以下链接标签中删除未使用的元素<HEAD>
,<BODY>
包括以下链接标签:Really Simple Discovery (RSD)、Windows Live Writer、REST API、帖子/页面短链接、帖子的关系、WordPress 生成器(也有利于安全)、RSS 提要链接。有效的 HTML 注释也会被删除(可以添加例外),同时保留有条件的 Internet Explorer 注释。 站点范围内卸载经常不使用的常见元素,例如:WordPress 表情符号、jQuery 迁移、评论回复(如果不使用 WP 作为博客) 部分或完全禁用 XML-RPC 协议支持 内联 CSS 文件 *阅读更多 内联 JavaScript 文件 *阅读更多 指示浏览器根据访问者的屏幕大小下载 CSS/JS 文件(例如在桌面设备上下载,但在移动设备上不下载) 延迟加载 CSS<BODY>
以减少渲染阻塞资源 管理类别、标签、自定义分类页面、日期和作者存档页面、搜索结果和 404 Not Found 页面上的 CSS 和 JavaScript 文件 管理硬编码(非排队)CSS 和 JavaScript 文件 将 CSS 和 JavaScript 文件从<HEAD>
to移动<BODY>
(以减少渲染阻塞)或反之亦然(用于非常早的触发) 将“async”和“defer”属性应用于加载的 JavaScript 文件 优先发布新功能和其他改进(针对 Lite 和 Pro 插件的更新首先发布给 Pro 用户) 优先客户支持