[2024]Asset Cleanup Pro插件使用WordPress性能优化插件教程

Asset Cleanup Pro插件使用WordPress性能优化插件教程

　　有无数的 WordPress性能插件，其中许多插件的工作方式非常相似。越来越多的这些扩展也希望被视为一体化解决方案，并相应地尝试提供所有功能。

　　Asset Cleanup是一个免费插件，其专业版可以从WordPress中删除未使用的CSS和Javascript。可用于改善WordPress LCP最大内容绘制核心Web生命力（包括精通技术的人员），因为它提供了完整的UI来删除早于LCP加载的未使用的资产。还减少了不必要的HTTPS请求。对于大型Wordpress网站，Asset Cleanup Pro是改进Core Web Vitals的出色工具之一，它提供了直观的仪表板来删除多个资产。

　　Asset CleanUp Pro 通过删除不需要的JavaScript 库、CSS 文件和 HTML 代码来清理您的 WordPress 网站。所有这些未使用的代码都称为“资产”，资产清理可确保您的站点仅在需要时加载代码。

　　本文晓得博客为你介绍Asset Cleanup Pro插件使用WordPress性能优化插件教程，希望通过Asset Cleanup Pro插件教程能让你的WordPress网站性能更强悍。

　　推荐：12个提高网站SEO性能的方法

　　注意：本文使用的是Asset Cleanup Pro插件来操作演示的。

为什么使用Asset CleanUp Pro插件

　　Asset CleanUp Pro 是一个有效的 WordPress 插件，它有很多功能，由于其出色的效果，您必须使用它。它有很多好处，可以前所未有地提高您的页面速度，并为您的访问者带来愉快的体验。 

• 减少 HTTP 请求数量并消除渲染阻塞资源。
• 卸载无用的CSS/JS，让你的页面加载速度更快 
• 预加载 CSS/JSS 并准备浏览器以尽快下载所选资源 
• 缩小 JavaScript 文件并合并剩余加载的 CSS 和 JavaScript 文件 
• 通过将 defer 属性应用于 Script 标记并减少实际页面的 HTML 代码来延迟组合文件。
• 如果您在速度测试器上测试您的网站，可以使您的源代码更易于扫描并提供更好的性能。 
• 谷歌会对您的网站进行更高的排名并提高搜索排名，因为速度更快的页面或网站在顶部排名中排名最高。 
• 您的服务器访问日志文件将更容易扫描，并且在服务器上占用的空间更少。 
• 自动倾斜 CSS 文件，没有任何问题，并指定样式表的路径。 
• 它消除了插件和主题之间可能发生的冲突。 

	Basic基本的	Plus	Unlimited Sites
站点	1	3	无限
更新与支持	1年	1年	1年
价格	$ 49.00 / 年	$ 79.00 / 年	$ 149.00 / 年

　　不幸的是，免费版本非常有限，因此任何深入到适当优化细节的选项都被锁定并保留给专业版本。插件管理器仅适用于专业用户。甚至 CSS 和 JS 管理器也会相应地受到限制，因为它可以按页面加载和卸载，但不能按类别、标签、搜索等加载和卸载。这使得该插件的免费变体只是专业版本中等待您的可能性的演示。

　　升级到Asset CleanUp Pro高级插件允许您卸载额外页面上未使用的样式和脚本（类似Perfmatters性能优化插件），例如：

• 分类页面，例如默认 WordPress 类别、标签和自定义创建的页面，例如 WooCommerce 中的产品类别。
• 作者页面（例如，显示特定作者发布的所有帖子的页面，通过is_author()功能检测到）
• 默认 WordPress 搜索页面
• WooCommmerce 搜索页面（与通过功能检测到的实际商店页面具有相同的设置is_shop()）
• 404页面（未找到）：这个页面尽可能轻，并且这里需要的许多CSS和JavaScript文件不太可能（通过函数检测到is_404()）
• 日期存档页面：这是检索按日期过滤的文章的任何页面，通过is_date()函数检测

管理主页、帖子、页面和自定义帖子类型中的 CSS 和 JavaScript 文件（例如 WooCommerce 产品页面）	✔️	✔️
批量卸载：在任何地方（站点范围）、特定页面和帖子类型上，添加加载例外	✔️	✔️
在仪表板（默认）和前端视图（页面底部）中管理 CSS 和 JavaScript 文件。	✔️	✔️
启用“测试模式”以将插件的更改仅应用于登录的管理员以进行调试	✔️	✔️
最小化加载的 CSS 和 JavaScript 文件	✔️	✔️
将剩余加载的 CSS 和 JavaScript 文件合并到每个位置的更少文件中（	✔️	✔️
从和中删除未使用的元素，包括以下链接标签：Really Simple Discovery (RSD)、Windows Live Writer、REST API、Posts/Pages 短链接、Post’s Relational、WordPress Generators（也有利于安全）、RSS Feed links。有效的 HTML 注释也会被删除，同时保留条件 Internet Explorer 注释。	✔️	✔️
站点范围内卸载经常不使用的常见元素，例如：WordPress Emojis、jQuery Migrate、评论回复	✔️	✔️
部分或完全禁用 XML-RPC 协议支持	✔️	✔️
内联 CSS 文件	✔️	✔️
内联 JavaScript 文件	❌	✔️
指示浏览器根据访问者的屏幕尺寸下载 CSS/JS 文件	❌	✔️
移动加载的 CSS以减少渲染阻塞资源	❌	✔️
管理类别、标签、自定义分类页面、日期和作者存档页面、搜索结果和 404 未找到页面的 CSS 和 JavaScript 文件	❌	✔️
管理硬编码（未排队）CSS 和 JavaScript 文件	❌	✔️
将 CSS 和 JavaScript 文件从移至 至（以减少渲染阻塞），	❌	✔️
将“async”和“defer”属性应用于加载的 JavaScript 文件	❌	✔️
优先发布新功能和其他改进	❌	✔️
优先客户支持	❌	✔️

　　Asset CleanUp WordPress 插件是经典意义上的性能插件。就像Swift Performance甚至Perfmatters一样，它旨在通过简单的优化来提高 WordPress 的性能。这种效率的提高通常会体现在更好的加载时间上，即更短的加载时间，这会自动带来更多的访问者和更高的排名。

　　由于 CMS 的结构造成的。WordPress 允许用户通过主题和插件集成大大小小的定制。然后，它们带有自己的 CSS 和 Javascript 文件。然而，大多数情况下，这些文件始终随处集成，即使需要它们的功能或元素甚至不存在于相应的页面上。Asset CleanUp 插件想要解决这个问题。它会删除多余的文件并有时会极大地减小页面大小。优化的价值有多大，但最终始终取决于您使用的插件数量以及每种情况下集成的 CSS 和 Javascript 文件的混乱程度。

　　推荐：WPControl性能优化插件WordPress最简单的优化插件教程

Asset CleanUp Pro插件安装

　　Asset Cleanup Pro插件教程之插件安装，Asset CleanUp插件会削减网站的脂肪并仅加载所需的脚本，特别是它侧重于删除不必要的CSS和 Java，同时减少实际的 HTML 代码。

　　要安装Asset Clean Up插件，单击插件并选择左侧管理面板上的“ 添加新 ”选项，搜索“Asset CleanUp”，直到找到Asset CleanUp优化插件，然后单击“立即安装”按钮并激活该插件以供使用。

　　要安装Asset CleanUp Pro插件，需购买Asset CleanUp Pro 并下载 ZIP 文件，进入“ 插件 ”->“ 添加新插件 ”->“ 上传插件 ”；会注意到上传表单和一个“ 立即安装 ”提交按钮。将其附加到表单并安装新升级的插件。

　　最后激活Asset CleanUp Pro插件即可。

　　通过FTP安装Asset CleanUp Pro插件，如果由于某种原因，您无法按照上述步骤进行操作，安装插件的另一种方法是通过 SFTP/FTPS或通过文件管理器进行连接，在网站所在的/wp-contents/plugins/中上传目录“ wp-asset-clean-up-pro ”（解压下载的文件以获取插件目录的内容 ，然后“激活”Asset CleanUp Pro插件即可。

　　推荐：（图文）安装WordPress插件3种方法

设置使用Asset CleanUp Pro插件

　　安装激活Asset CleanUp Pro插件后，可在WordPress仪表盘看到，Asset CleanUp Pro插件包括Getting Started入门指南、Settings设置、CSS/JS Manager CSS/JS管理、Plugins Manager插件管理、Bulk Changes批量更改、Overview概览、Tools工具、License许可证、Help帮助功能，

Asset CleanUp Pro插件Getting Started入门指南

　　Getting Started入门指南介绍了Asset CleanUp Pro优化插件的工作方式，优化网站的好处，如何优化网站的简单实例以及一些视频链接。

Asset CleanUp Pro插件Settings设置

　　Asset CleanUp Pro插件Settings设置介绍了Asset CleanUp Pro优化插件的Stripping the”fat”、Plugin Usage Preferences插件使用偏好、Test Mode测试模式、Optimize CSS优化css、Optimize JavaScript优化JavaScript、CDN:Rewrite assets URLs使用CDN、Site-Wide Common Unloads全站通用卸载、HTML Source CleanUp HTML源清理、Local Fonts本地字体、Google Fonts Google字体、Disable RSS Feed禁用RSS Feed、Disable XML-RPC禁用XML-RPC

　　1、Stripping the”fat”有关使用Asset CleanUp Pro的提示，只需将页面底部的滑块按钮将此区域标记为“阅读”然后点击“Update All Settings更新保存”即可。

　　推荐：[最新版]LearnDash LMS插件WordPress学习管理系统插件

　　2、Plugin Usage Preferences插件偏好设置

• 在仪表板中管理:将在仪表板中编辑帖子（任何类型）/页面时在元框中显示资产列表,资产将通过 AJAX 调用进行检索，以获取帖子/页面 URL 并提取排队的所有样式和脚本
• 前端管理:登录，将使资产列表显示在您查看的页面（主页、帖子或页面）下方
• 允许管理资产：有些拥有管理员权限的人可能会对 CSS/JS 管理器
• 资产列表布局:将以各种方式显示要管理的资产列表。根据偏好，可能希望首先查看样式和脚本列表，或者按字母顺序排列所有列表等
• 在资产列表布局加载时，保留以下组：当编辑页面中有大量元素时，希望在查看页面时收缩资产列表，节省空间
• 在资产列表布局加载时，保留“与此句柄关联的内联代码”区域：将默认隐藏所有内联代码，您可以通过单击资产行内的切换链接来查看它
• 从资产列表中隐藏 WordPress 核心文件:确信在特定情况下不需要它们时，才应卸载它们。如果您不确定是否需要它们，最好将它们保持加载状态。

　　推荐：如何从WordPress中删除Additional CSS额外CSS

　　3、Test Mode测试模式

　　建议在第一次配置时切换到所谓的测试模式。幸运的是，在 Asset CleanUp 默认提供的测试模式下，所有更改和优化仅对登录 WordPress 的管理员可见。这样，您可以亲自检查您的博客是否继续正常工作以及该选项是否达到您预期的效果。

　　在反复试验删除网站上不需要的 CSS 和 JavaScript 时，这对于调试非常有用

　　推荐：Robin Image Optimizer插件教程WordPress网站图像优化

　　4、Optimize CSS优化CSS

　　缩小/合并加载的CSS文件以减少总页面大小和HTTP请求数量(启用)

• CSS文件压缩，有助于进一步减小总页面大小这将获取剩余的排队CSS文件，缩小它们并从缓存中加载它们。您可能想要缩小本地文件、STYLE标记内的内联CSS代码或两者。
• 将加载的CSS（样式表）合并到更少的文件中，有助于进一步减少HTTP请求的数量
• 内联CSS文件，这适用于本地（同一域）文件。外部请求标签不会被更改，例如ajax.googleapis.com。这对于小型样式表文件通常很有用，可以节省获取它们的开销，从而减少HTTP请求的数量。您可以为小于特定大小（以KB为单位）的CSS文件选择自动内联，或者手动放置文件的相对路径。
• 延迟在BODY加载CSS，对于通过Asset CleanUp Pro从HEAD移动到BODY的任何样式表LINK标签*默认，有助于提高PageSpeed Insights中的“消除渲染阻塞资源”分数，并且浏览器可以更快地渲染页面的第一个内容（因为CSS不会阻塞渲染），从而提供更好的用户体验。
• 关键CSS状态，如果想要停止使用Asset CleanUp Pro中的关键CSS功能，则此选项非常有用
• 缓存动态加载的CSS，除非您有非静态（动态）加载的CSS，否则请不要启用此选项。

　　推荐：如何减少WordPress网站初始服务器响应时间

　　5、Optimize JavaScript优化JavaScript

　　缩小/合并加载的JavaScript文件以减少总页面大小和HTTP请求数量(建议启用)，

• JavaScript文件缩小，有助于进一步减小总页面大小，这将获取剩余的排队JavaScript文件，缩小它们并从缓存中加载它们。您可能想要缩小本地文件、SCRIPT标记内的内联JS代码或两者。
• 将加载的JS(JavaScript)合并到更少的文件中，有助于进一步减少HTTP请求的数量，各个文件将被组合成更大的JavaScript文件并从/wp-content/cache/asset-cleanup/js/，不必添加完整的URL，建议使用相对路径，
• 内联JavaScript文件，对于小型JavaScript文件通常很有好处，可以节省获取它们的开销，从而减少HTTP请求的数量。您可以为小于特定大小（以KB为单位）的JS文件选择自动内联，或者手动放置文件的相对路径
• 调用jQuery库后移动jQuery内联代码，仅当浏览器控制台中显示与jQuery相关的JavaScript错误时才启用它。
• 将所有SCRIPT标签从HEAD移动到BODY，在应用所有其他优化以实现最大兼容性后，如果您想减少渲染阻塞资源，这非常有用，并且它将在开始标记SCRIPT之后移动所有标记（内联和外部）BODY。
• 缓存动态加载的JavaScript，除非您有非静态（动态）加载的JavaScript，否则请不要启用此选项。

　　推荐：如何减少DNS查找来加速WordPress网站

　　6、CDN:Rewrite assets URLs使用CDN

　　使用的是通过托管公司或其他方插件启用的CDN，则Asset CleanUp Pro并不总是可以识别外部URL，并且它被视为未连接到您网站的CSS/JS文件的外部URL，所有CSS/JS都可以从CDN URL加载，如果您使用Cloudflare的CDN（充当反向代理），则无需启用此选项。一切都在Cloudflare的服务器上完成（您端无需更新URL）。

　　推荐：什么是CDN?使用CDN的好处是什么

　　7、Site-Wide Common Unloads全站通用卸载

　　此区域允许您为以下脚本快速添加规则“卸载站点范围”，这些脚本经常在WordPress环境中使用（建议开启禁用）。

• 在全站范围内禁用表情符号，它将回退到默认浏览器的表情符号，而不是从https://sworg/获取表情符号
• 在站点范围内禁用oEmbed（嵌入），oEmbed功能允许您通过粘贴WordPress转换的URL在网站上嵌入视频（例如来自YouTube）、推文和其他类似内容，并提供嵌入元素的实时预览。可视化编辑器。如果您不需要此功能，可以禁用它。
• 如果工具栏隐藏，则禁用Dashicons（站点范围内），顶部管理栏（工具栏）需要Dashicons才能正常运行。
• 在站点范围内禁用古腾堡CSS块库，将卸载古腾堡块CSS文件(/wp-includes/css/dist/block-library/style.min.css)(52 KB)，您可以在站点范围内卸载此文件，以避免额外的渲染阻塞外部CSS文件加载。
• 在站点范围内禁用jQuery Migrate
• 禁用全站评论回复这将卸载评论回复(/wp-includes/js/comment-reply(.min).js)，不希望访问者留下评论或者您已使用Disqus或Facebook等评论平台替换了默认的WordPress评论，则可以安全地卸载此内容。

　　推荐：[最新版]Asset CleanUp Pro插件免费下载WordPress性能优化插件

　　8、HTML Source CleanUp HTML源清理

　　在许多WordPress环境中，有些元素是默认启用的，但并非必须启用。从head部分删除未使用的元素，清理之间不必要的代码(开启)。

• 删除“Really Simple Discovery(RSD)”链接标签
• 删除“Windows Live Writer”链接标签
• 删除“REST API”链接标签
• 删除页面/帖子“Shortlink”标签
• 删除”Post’s Relational Links标签
• 删除WordPress version meta tag元标记
• 删除所有generator meta tags元标记
• 从生成的页面源中删除多余删除HTML注释元素

　　推荐：WordPress性能优化wp_head.php中删除不必要的代码

　　9、Local Fonts本地字体

　　Local Fonts本地字体主要设置font-display属性和预加载本地字体文件两个功能，

　　设置font-display：CSS属性值，决定Web字体加载时的行为可能是一项重要的性能调整技术。如果应用，此选项可确保文本在Web字体加载期间保持可见。CSS font-display属性定义浏览器如何加载和显示字体文件，Google Speed Insight会测试此项（启用）。

　　预加载本地字体文件，希望预加载任何本地字体文件（以.woff、.woff2、.ttf等结尾），您可以在此处添加它们的URI（启用）如果您需要预加载本地托管的字体，则需要输入不带域名的字体 URL。

　　推荐：WP Speed of Light插件使用教程WordPress速度优化插件

　　10、Google Fonts Google字体

　　Google字体有两个主要选项，要么将它们组合并预加载，要么完全删除它们。仅当您在本地托管字体时，才可以删除Google字体。可以在GTmetrix瀑布部分轻松找到Google字体URL。

　　删除Google字体请求的可能原因：有自己想要实现的字体文件，不需要向Google Fonts提出任何请求，已经在使用自己的本地字体，并且刚刚安装了一个向Google Fonts发出请求的插件，导致额外的外部请求，从而影响性能

　　推荐：[最新版]WordPress页面构建器Brizy Pro插件

　　11、Disable RSS Feed禁用RSS Feed

　　使用Asset Cleanup Pro插件教程中如果不使用 WordPress来写博客，或者不想使用RSS，并且它没有任何博客文章（除了您添加的主页之外），那么您可以开启禁用 RSS 源，从该部分删除主源和评论<HEAD>链接HTML 源代码。

　　推荐：如何在WordPress中禁用RSS源

　　12、Disable XML-RPC禁用XML-RPC

　　这是WordPress用于第三方应用程序的 API 服务，例如移动应用程序、博客之间的通信、Jetpack等插件。如果使用或计划使用远程系统将内容发布到您的网站，则可以保持启用此功能（默认情况下）。许多用户根本不使用此功能，则可以开启禁用它。

　　推荐：什么是XML-RPC？WordPress中的Xmlrpc如何禁用

Asset CleanUp Pro插件CSS & JS Manager管理器

　　在 CSS 和 JS 管理器中，可以从文件列表中选择应该加载或不加载的文件。这是每页完成的。在主页上，您通常不需要在帖子中添加作者框的 CSS 文件。

　　另一方面，您需要一个在主页上而不是在所有子页面上显示动态小部件的脚本。通过这种方式，您可以大大减少页面大小，因为每个页面实际上只加载正在使用的内容。从理论上讲，这是一个简单且合乎逻辑的规则，但 WordPress 忽略它。

　　推荐：如何在WordPress中禁用文本选择复制粘贴

Asset CleanUp Pro插件Plugins Manager插件管理器

　　在这里可以确保插件及其资源不再自动加载到博客中的任何地方。例如，如果插件仅在后端使用，则必须仅在后端集成，反之亦然。

　　例如 Contact Form 7 插件。可以仅在联系页面上使用正则表达式加载此内容，而不是始终随处加载。这样的设置对于让插件专门在实际使用插件的页面上添加膨胀非常重要。在最坏的情况下，扩展程序会在您的博客上的任何地方增加它们的膨胀，而不仅仅是它们实际活跃的地方(与Perfmatters插件脚本管理器功能类似)。

Asset CleanUp Pro插件Bulk Changes批量更改

　　Asset Cleanup Pro插件教程中的批量更改是适用于相同类型的多个页面甚至页面范围的规则。就像在“概述”部分中一样，您可以在此处再次检查有效的规则，并将自动扩展到多个区域甚至所有区域。当然，此时它们也很容易调整或纠正。

　　推荐：Perfmatters插件使用教程轻量WordPress性能优化插件

Asset CleanUp Pro插件Overview概述

　　包含通过 Asset CleanUp 对任何加载（排队）的 CSS/JS 文件进行的任何类型的所有更改（卸载规则、加载异常、预加载、注释、异步/延迟 SCRIPT 属性、更改的位置等）以及插件（例如在某些页面上卸载）。

Asset CleanUp Pro插件Tools工具

　　重置、系统信息、存储信息、调试、导入导出Asset CleanUp Pro插件信息。

• 重置：将插件重置为其初始设置或重置所有更改
• 系统信息：安装插件的服务器信息
• 存储信息：当前存储目录：wp-content/cache/asset-cleanup/，根据当前设置，需要优化文件的存储缓存目录。
• 调试：如果遇到超时错误、黑屏、500个内部服务器错误等，最好检查PHP错误日志以获取有关您遇到的任何问题背后原因的更多信息。
• 导入导出：导入导出插件的json文件

　　推荐：24个SEO优化工具提高外贸网站Google排名

Asset CleanUp Pro插件License许可证

　　激活许可证允许您更新仪表板中的插件。要访问您的下载、许可证、购买历史记录和帐户设置，您可以登录到您的客户仪表板。

Asset CleanUp Pro插件Help帮助

　　Asset CleanUp Pro有需要修复的错误，如果您遇到困难、需要帮助或只是想节省网站优化的时间，提供帮助！

　　推荐：WordPress的移动优先索引怎么做

Asset CleanUp Pro插件每个帖子页面设置

　　要管理某个页面或者文章的CSS/JS代码，则只需打开到页面或者文章列表，点击“Manage CSS & JS”，这样就可以直接导航到CSS & JS Manager功能，优化即可。

　　同理，要更具体的优化管理某个页面或者文章的CSS/JS代码，包括但不限于主题、插件、WordPress核心等等，只需打开页面或者文章，将鼠标下拉到最底部，即可看到“Asset CleanUp Pro: CSS & JavaScript Manager / Page Options“，然后可根据需求卸载、推迟、异步某些不需要的功能。

　　您还可以直接在编辑器的每个帖子或页面中进行非常精细的设置。

　　推荐：WordPress优化修复WordPress网站速度慢加载慢

比较复杂的技术性插件

　　Asset CleanUp Pro插件扩展的是它令人难以置信的技术外观。插件中的所有内容都没有很好地集成，也没有设计得吸引人。因为文本技术性很强并且只有英文版本。即使对于我这个专业人士来说，这一切都显得太繁琐了。

　　不幸的是，这个方面贯穿了整个插件。几乎每个设置都用大量文字进行了解释，只是为了不遗漏任何提示。一切都显得极其复杂。比实际情况或应该情况要复杂得多。当然Asset Cleanup Pro插件教程技术如此多的帮助文本和解释以及所有呈现不佳的选项是我在WordPress 插件中很少遇到的，尤其是现在，几乎所有的扩展都试图显得非常吸引人。

总结

　　以上是晓得博客为你介绍的Asset Cleanup Pro插件使用WordPress性能优化插件教程的全部内容，Asset CleanUp Pro是一个很棒的 WordPress 缓存插件，可以单独使用并且速度很快，但最好的是将其与WP Rocket配对，删除未使用的 CSS 和 JavaScript，访问本地和 Google 字体，以及预加载/预加载连接并让WP Rocket处理缓存、缩小、延迟、延迟加载、心跳和附加组件。希望对你的WordPress建站优化有所帮助，如有问题可联系我们。

　　推荐：AffiliateWP插件教程WordPress联盟营销插件使用

　　推荐：FlyingPress插件教程WordPress轻量级速度优化插件