页面加载速度更快=访问者更快乐=转化次数更多=收入更高
很多时候,您使用主题和许多启用并在同一页面上运行的插件。但是,您不需要全部使用它们来提高网站的速度并使HTML源代码更简洁(便于调试),最好避免加载这些样式和脚本。
例如,您可以使用一个生成联系方式的插件,并在网站的每个页面中加载其资产(.CSS和.JS文件),而不是仅在/ contact页面中(如果那是您唯一需要的地方)它)。
“资产清理”将扫描您的页面并检测所有已加载的资产。编辑页面/帖子时,您要做的只是选择不需要加载的CSS / JS,这样可以减少膨胀。
该插件与缓存插件(例如WP Rocket,WP Fastest Cache,W3 Total Cache),托管公司提供的服务器级缓存可用的软件包(例如WP Engine,Kinsta)或Cloudflare等具有以下功能的托管公司结合使用时效果最佳:页面缓存已启用。
主插件的好处包括
- 通过卸载无用的CSS / JS减少HTTP请求的加载数量并消除渲染阻止资源(这对于提高页面加载速度非常重要)
- 预加载CSS / JS,本地字体和Google字体文件,以指示浏览器尽快下载所选资源
- 缩小CSS文件(包括STYLE标记内的内联代码)
- 缩小JavaScript文件(包括SCRIPT标签中的内联代码)
- 合并剩余的已加载CSS和JavaScript文件
- 内联CSS文件(自动&通过指定样式表的路径)
- 通过将“ defer”属性应用于SCRIPT标签来延迟组合的JavaScript文件
- 在网站范围内删除表情符号,来宾用户的Dashicons和未使用评论回复
- 减少实际页面的HTML代码(如果启用了GZIP压缩,效果更好)
- 如果您是开发人员并想要搜索某些内容,可以使源代码更易于扫描
- 消除插件/主题之间的可能冲突(例如,从不同插件加载的2个JavaScript文件,它们相互干扰)
- 如果您在GTmetrix,PageSpeed Insights,Pingdom网站速度测试等网站上测试URL,则性能得分更高
- Google会更喜欢您的网站,因为它会更快,页面加载速度更快,如今已成为搜索排名的重要因素
- 您的服务器访问日志文件(例如Apache的文件)将更易于扫描,并且占用的服务器空间更少
GOOGLE字体优化/删除
- 将所有Google字体请求合并为更少(通常是一个)请求,从而为每个请求的其他字体节省了一次往返服务器的往返时间
- 在以下三种交付方式中进行选择:渲染阻止,通过Web Font Loader(webfont.js)异步或通过预加载CSS样式表实现异步
- 从fonts.gstatic.com预加载Google字体文件的选项(例如,以.woff2结尾)
- 将“ font-display” CSS属性应用于所有已加载的Google Font请求
- 如果您使用Google字体,请为fonts.gstatic.com启用预连接资源提示;不要让浏览器等到DNS / TCP / TLS开始前获取CSS来加载字体文件
- 从CSS文件和样式标签,资源提示中删除所有Google字体请求,包括链接/字体预加载,@ import / @ font-face
本地字体优化
- 预加载本地字体文件(以.woff,.woff2,.ttf等结尾)
- 将“ font-display” CSS属性值应用于LINK / STYLE标签(专业版)
- 真正简单发现(RSD)链接标签
- Windows Live Writer链接标记
- REST API链接标记
- 页面/帖子短链接标签
- 帖子的Relational Links标签
- WordPress版本中继标记(出于安全原因也很好)
- 所有“生成器”元标记(出于安全原因也很好)
- RSS Feed链接标签(通常,如果您的网站不用于撰写博客,则不需要它们)
- o嵌入,如果您不需要嵌入视频(例如YouTube),tweet和音频
- 有效的HTML注释(可以添加剥离的异常,并保留Internet Explorer条件注释)
- 卸载所有WordPress页面上的CSS / JS文件,包括类别,标签,自定义分类法(例如WooCommerce产品类别),找不到404,日期和作者档案,搜索结果)
- 在整个站点或通过Regex(es)卸载目标插件,因此不仅剥夺了CSS / JS,而且剥夺了后端PHP代码,通过wp_head()或wp_footer()操作钩打印的HTML输出,已设置的Cookie,等等。)
- 指示浏览器根据访问者的屏幕尺寸下载CSS / JS文件(例如,如果屏幕尺寸小于768像素,请避免在不需要时在移动视图中下载资产)
- 通过将CSS附加到BODY来延迟CSS的加载以异步加载(渲染CSS延迟了及时显示网页的延迟)
- 将JavaScript文件从HEAD移到BODY,反之亦然(移到BODY的CSS文件会自动延迟)
- 延迟JavaScript加载的文件(通过对所有排队的JS文件应用“ defer”属性)
- 异步加载的JavaScript文件(通过对所有排队的JS文件应用“异步”属性)
- 内联JavaScript文件(自动&通过指定样式表的路径)
- 将“ font-display:” CSS属性应用于现有本地文件中的@ font-face,以提高“确保在webfont加载期间文本仍然可见”的PageSpeed得分
- 仪表板内的高级支持和更新
常问问题
WooCommerce
博客
安全
视频
免责声明:本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,建议购买正版授权。本站不负责资源的有效性和完整性,一切后果将由下载用户自行承担。本站资源若侵犯了您的合法权益,请来信通知我们(Email: info@tqge.com),我们会及时删除!
关于中文汉化的处理(部分主题需要类似操作):
通常主题安装后,如有中文包文件,启用主题后即可完成。如果未能成功则可以按照以下两步进行尝试。
1、把主题文件夹Themes中的/languages/目录中的zh_CN.mo和zh_CN.po文件拷贝到“/wp-content/languages/themes“中即可。
2、或者,如主题文件夹是abc,则将文件名改为“abc-zh_CN.mo”和“abc-zh_CN.po”,请用“-”号连接。
Tqge.com » Asset CleanUp Pro 1.1.9.1 – 页面性能加速器插件
转载注意保留原文链接:https://www.tqge.com/107703