Autoptimize – WordPress plugin WordPress插件下载

点击下载

自动优化

插件描述

自动优化让优化您的网站变得非常简单。它可以聚合,缩小和缓存脚本和样式,默认情况下在页头中注入CSS(但也可以推迟),移动并将脚本推迟到页脚并缩小HTML。“额外”选项允许您异步非聚合JavaScript,删除WordPress核心表情符号,优化Google字体等。因此,即使已经使用HTTP / 2,它也可以提高网站的性能!有大量的API可用于根据每个站点的特定需求定制Autoptimize。

如果您认为性能很重要,那么您应该使用其中一个缓存插件来进行页面缓存。一些可以补充Autoptimize的好候选者是 WP Super Cache HyperCache Comet Cache KeyCDN的缓存启动器

Premium Support
我们提供优秀的 Autop timize Pro支持和Web性能优化服务,请查看 https://autoptimize.com/ 上的产品!

(在创意公共平台上快速浏览图片作者LL Twistiti

安装

只需从您的WordPress“插件&gt ;添加新插件“屏幕安装,一切都方便的。手动安装也非常简单:

上传zip文件并将其解压缩到 / wp-content / plugins / 目录中通过WordPress的”插件“菜单激活插件转到设置> Autoptimize 并启用你想要的选项。通常这意味着“优化HTML / CSS / JavaScript”。

FAQ

插件怎么帮助加快我的网站?

它连接所有脚本和样式,缩小和压缩它们,添加过期标题,缓存它们,并将样式移动到页面头部,并将脚本(可选)移动到页脚。它还缩小了HTML代码本身,使您的页面非常轻量级。

但是我在HTTP / 2上,所以我不需要自动优化?

HTTP / 2是向前迈出的一大步,通过使用相同的连接来执行多个并发请求,从而显着减少来自同一服务器的多个请求的影响。话虽这么说, CSS / JS的连接仍然有很多意义,如这篇css-tricks.com文章所述>来自Ebay工程师之一的博客。结论;配置,测试,重新配置,重新测试,调整和查看在您的上下文中最有效的方法。也许它只是HTTP / 2,也许是HTTP / 2 +聚合和缩小,也许是HTTP / 2 +缩小(AO也可以做,只需解开“聚合JS文件”和/或“聚合CSS文件”)选项)。

这将与我的博客工作?

虽然Autoptimize没有任何保证,但如果你正确配置它通常会完美无缺。有关如何在出现问题时进行配置的信息,请参阅下面的“故障排除”。

为什么jquery.js没有优化

从AO开始2.1 WordPress核心的jquery.js没有进行优化,原因很简单很多流行的插件注入了没有聚合的内联JS(由于可能的高速缓存大小问题而独特)内联JS中的代码依赖于jquery可用,因此排除jquery.js可确保大多数站点开箱即用。如果你想要优化jquery,你可以从JS优化排除列表中删除它(你可能还必须启用“也聚合内联JS”或切换到“强制JS在头部”)。

为什么自动优化的JS呈现阻塞?

如果没有“强制进入头部”,Autoptimized JS不会渲染阻塞,因为它添加了“延迟”标志。然而,另一个插件可能会删除“延迟”标志。据报道,Speed Booster Pack正在这样做,但该行为尚未得到确认

为什么自动优化的CSS仍然被称为渲染阻塞?

使用默认的自动优化配置,CSS在头部链接,这是一个安全的默认设置,但Google PageSpeed Insights抱怨。您可以查看“内联所有CSS”(简单)或“内联和延迟CSS”(更好),这也在本常见问题中进行了解释。

“内嵌和推迟CSS”的用法是什么?

CSS一般都应该进入他的行列该文件的广告。最近a.o.谷歌开始推广推迟非必要的CSS,同时内联构建页面所需的那些样式。这对于在移动设备上尽快呈现页面尤为重要。从Autoptimize 1.9.0开始,这很容易;选择“内联和延迟CSS”,在输入字段(文本区域)中粘贴“在折叠CSS上方”的块,您就可以开始了!

但是如何才能找出“首屏CSS”是什么?

没有简单的解决方案,因为“首屏”取决于折叠的位置,而折叠依赖于屏幕尺寸。然而,有一些工具可用,它们试图确定什么是“在首位”。 这个工具列表是一个很好的起点。 Sitelocity关键CSS生成器 Jonas Ohlsson的criticalpathcssgenerator 是很好的基本解决方案, http://criticalcss.com/ 是同一个Jonas Ohlsson的优质解决方案。或者此书签(仅限Chrome)也可以提供帮助。

或者你应该内联所有的CSS吗?

答案简短:可能不是。

回到过去,CSS优化很容易;把所有的CSS放在脑子里,将每个媒体类型的CSS文件中的所有内容聚合在一起,你就可以了。但是自从谷歌在PageSpeed Insights中包含移动设备并开始抱怨渲染阻止CSS之后,事情变得一团糟(请参阅本常见问题解答中的“推迟CSS”)。其中一个解决方案是内联所有CSS,支持Autoptimize 1.8.0。

内联所有CSS有一个明显的优势(更好的PageSpeed得分)和一个很大的劣势;你的基本HTML页面变得更大,如果CSS的数量很大,Pagespeed Insights会抱怨“往返时间”。在查看包含multipl的测试时也是如此e请求(比方说5页),性能会更差,因为CSS-payload一次又一次地发送,而通常不需要再发送单独的CSS文件,就像它们在缓存中一样。

因此,选择应基于您对某些特定于网站的问题的回答;你有多少CSS?您的访问者要求每次访问多少页?如果你有很多CSS或大量的页面/访问,那么内联所有CSS可能不是一个好主意。

您可以在此博客文章中找到关于此主题的更多信息。

我的缓存变得越来越大,不自动优化清除缓存?

Autoptimize没有适当的缓存清除机制,因为这可能会删除在其他缓存中仍然引用的优化CSS / JS,这会破坏您的网站。此外,快速增长的缓存表明您应该避免的其他问题

相反,您可以通过以下任一方式将缓存大小保持在可接受的水平:

取消激活“聚合内联JS”和/或“聚合内联CSS”选项,包括JS变量(或有时是CSS选择器)在每页(或每页面加载)的基础上更改。您可以在此博文

中了解如何执行此操作尽管存在上述异议,但仍有第三方解决方案可自动清除AO缓存,例如:使用

此代码此插件,但由于上述原因,只有在您真正知道自己在做什么时才会使用这些内容。 “清除缓存”似乎不操作?

在管理工具栏中点击自动优化下拉菜单中的“删除缓存”链接时,您可能会收到“您的缓存可能未被成功清除”。在这种情况下,请转到“自动优化设置”页面,然后单击“保存更改并清除缓存”按钮。

此外,如果您的缓存永远不会降至0个文件/ 0KB,请不要担心,因为Autoptimize(从版本2.2开始)将在清除缓存后立即自动预加载缓存以进一步加速m通知显着增加。

我还可以使用Cloudflare的Rocket Loader吗?

Cloudflare Rocket Loader是一种非常先进但侵入性的方法,可以使JavaScript非渲染阻止,

Cloudflare仍然认为Beta 。有时自动优化&火箭装载机一起工作,有时他们没有。最好的方法是在此之后禁用Rocket Loader,配置自动优化并重新启用Rocket Loader(如果您认为它可以提供帮助)并测试一切是否仍然有效。

目前(2017年6月),似乎RocketLoader可能会破坏AO的“内联和放大器”。推迟CSS“,它基于

Filamentgroup的loadCSS ,导致延迟的CSS无法加载。 我尝试过Autoptimize,但我的Google Pagespeed评分几乎没有提升

Autoptimize并不是一个简单的“修复我的Pagespeed-problems”插件;它“只”聚合&缩小(本地)JS& CSS并允许一些不错的额外功能,如删除谷歌字体和推迟加载CSS。因此,Autoptimize将允许您提高性能(以秒为单位测量的加载时间),并且可能还可以帮助您处理某些特定的Pagespeed警告。如果你想进一步改进,你可能还需要研究,例如页面缓存,图像优化和您的网络服务器配置,这将提高实际性能(再次,加载时间,例如https://webpagetest.org)和您的“性能最佳实践”页面速度评级。

我能用API做什么?

很多;您可以使用过滤器来有条件地禁用每个请求的自动优化,更改CSS和JS排除,更改CSS背景图像的限制以在CSS中内联,以定义在聚合后面移动的JS文件一,改变聚合的JS脚本标签的defer-attribute,… autoptimize_helper.php_example和i中有一些过滤器的例子这个FAQ。

CDN如何工作?

从版本1.7.0开始,CDN在进入CDN博客根目录(例如http://cdn.example.net/wordpress/)时被激活。如果该URL存在,它将用于所有Autoptimize生成的文件(即聚合的CSS和JS),包括CSS中的背景图像(当不使用data-uri时)。

如果您希望上传的图像也在CDN上,您可以将WordPress配置中的upload_url_path(/wp-admin/options.php)更改为目标CDN上传目录(例如http:/ /cdn.example.net/wordpress/wp-content/uploads/)。请注意,这仅适用于从该点开始上传的图像,而不适用于已上传的图像。感谢

BeautyPirate提示为什么我的字体不能放在CDN上呢?

Autoptimize支持这一点,但默认情况下不启用它,因为

非本地字体可能需要一些额外的配置。但是,如果您按顺序拥有跨源请求策略,则可以通过挂钩到API将Autoptimize放入CDN,将 autoptimize_filter_css_fonts_cdn 设置为 true ;

 add_filter('autoptimize_filter_css_fonts_cdn',__ return_true);  我正在使用Cloudflare,我应该输入什么作为CDN根目录

什么都没有,当在Cloudflare上时,你自动优化的CSS / JS会自动出现在Cloudflare的CDN上。

我如何强制聚合文件是静态CSS或JS而不是PHP?

如果您的网络服务器已正确配置为处理压缩(gzip或deflate)和缓存过期(过期和缓存控制具有足够的可缓存性),那么不需要自动优化来为您处理。在这种情况下,您可以选中“将聚合脚本/ css保存为静态文件?”选项,这将强制Autoptimize将聚合文件保存为.css和.js文件(意味着不需要PHP来提供这些文件)。这套自动优化1.8时,默认为默认值。

如何“排除优化”工作?

CSS和JS优化都可以通过在逗号分隔的排除列表中添加“标识符”来跳过代码的聚合和最小化。要使用的确切标识符字符串可以通过以下方式确定:

如果要排除特定文件,例如wp-content / plugins / funkyplugin / css / style.css,如果你想要排除特定插件的所有文件,你可以简单地排除“funkyplugin / css / style.css”,例如wp-content / plugins / funkyplugin / js / *,你可以排除例如“funkyplugin / js /”或“plugins / funkyplugin”如果要排除内联代码,你必须找到一个特定的,唯一的字符串代码块并将其添加到排除列表中。示例:要排除

< script> funky_data =’不要带我去,Funky Town’< / script> ,标识符为“funky_data”。自动配置&问题排查安装并激活插件后,您将可以访问管理页面,您可以在其中启用HTML,CSS和JavaScript优化。根据您的喜好,您可以开始启用所有这些,或者如果您一次更谨慎。

如果您的博客在启用自动优化后无法正常运行,请参阅以下内容:使用“高级设置”解决此类问题:

如果一切正常,但您注意到您的博客速度较慢,请确保安装了页面缓存插件(WP超级缓存或类似)并检查缓存大小的信息(解决方案)问题也会影响未缓存页面的性能。如果您的博客看起来很奇怪,即当布局搞砸时,CSS优化就会出现问题。在这种情况下,您可以打开“只在头上寻找样式?”选项,看看是否能解决问题。你也可以强制CSS不成为agg通过将其包装在主题或小部件中的noptimize-tags中或通过将文件名(用于外部样式表)或字符串(用于内联样式)添加到exclude-list来进行注册。如果您网站上的某些功能停止工作(carroussel,菜单) ,搜索输入,…)你可能会遇到JavaScript优化问题。更改“聚合内联JS”和/或“强制执行JavaScript?”设置,然后重试。从优化中排除’js / jquery / jquery.js’(见下文)并可选择激活“

添加try / catch包装”也可以提供帮助。或者 – 对于技术上的精明 – 您可以通过自动优化排除特定脚本被处理(移动和/或聚合),方法是添加一个与违规Javascript匹配的字符串,或者通过在noptimize之间包装代码将其从模板文件或小部件中排除标签都有效。识别有问题的JavaScript并选择正确的排除字符串可能是反复试验,但在大多数情况下,JavaScript优化问题可以通过这种方式解决。在调试JavaScript问题时,您的浏览器错误控制台是帮助您了解正在发生的事情的最重要的工具。如果您的主题或插件需要jQuery,您可以尝试强制全部和/或排除jquery.js(和jQuery-插件(如果需要的话)。如果你无法使CSS或JS优化工作,你可以当然总是继续使用其他两种优化技术。如果你尝试了上面的故障排除技巧,你仍然无法使CSS和JS工作您可以在 WordPress Autoptimize支持论坛上寻求支持。请参阅下文,了解您应在“故障单”中提供哪些信息帮助,启用Autoptimize后,我有一个空白页面或内部服务器错误!确保您没有运行其他HTML,CSS或JS缩小插件(BWP minify,WP minify,…)与Autoptimiz同时进行e或禁用页面缓存插件的功能(W3 Total Cache,WP Fastest Cache,…)。尝试仅启用CSS或仅启用JS优化以查看哪个导致服务器错误,并按照常规故障排除步骤查找解决方法。

但我仍然有空白自动优化的CSS或JS文件!

如果您正在运行Apache,Autoptimize编写的htaccess文件在某些​​情况下可能与Apache配置的AllowOverrides设置冲突(与某些Ubuntu安装的默认配置一样),这会导致“内部服务器错误” “在自动优化CSS和JS文件上。这可以通过

将AllowOverrides设置为All 来解决。 我没有错误,但我的页面根本没有优化?

自动优化在实际优化之前进行了大量检查。当满足以下条件之一时,您的页面将不会被优化:

当在定制器中如果没有开口

< html 标签,则< xsl:stylesheet 在响应中(表示输出不是HTML而是XML)如果响应中有< html amp (因为AMP页面已经优化),如果输出是RSS-feed(is_feed) ()函数)如果输出是WordPress管理页面(is_admin()函数),如果页面被请求带有?ao_noptimize = 1附加到URLif代码挂钩到Autoptimize以禁用优化(请参阅Visual Composer上的主题)如果其他插件使用输出缓冲区以不兼容的方式(有选择地禁用其他插件以识别罪魁祸首)Visual Composer,海狸生成器和类似的页面生成器解决方案被打破!禁用对已登录用户激活自动优化的选项疯狂的拖放😉

帮助,我的店铺结帐/付款不起作用!

禁用优化购物车/结帐页面的选项(适用于WooCommerce,Easy Digital点击下载和WP电子商务)。

革命滑块坏了!

确保

js / jquery / jquery.js 位于逗号分隔的JS优化排除列表中(默认配置中将其排除)。 我得到“jQuery未定义”错误

在这种情况下,您有未聚合的JavaScript需要加载jQuery,因此您必须添加

js / jquery / jquery.js 以逗号分隔的JS优化排除列表。 我使用NextGen Galleries并且很多JS没有聚合/缩小?

NextGen Galleries为添加JavaScript做了一些漂亮的东西。为了使Autoptimize能够聚合,您可以使用此代码段

add_filter(’run_ngg_resource_manager’,’__ return_false’)禁用Nextgen Gallery的资源管理; 或者你可以告诉Autoptimize先前初始化,把它添加到你的wp-config.php: define(“AUTOPTIMIZE_INIT_EARLIER”,“true”); 什么是优化?

从版本1.6.6开始,Autoptimize排除了noptimize标签内的所有内容,例如:

<! – noptimize – >< script> alert(’this will不得自动优化’);< / script><! – / noptimize – >

您可以在页面/帖子内容,窗口小部件和主题文件中执行此操作(考虑创建

子主题以避免您的工作被主题更新覆盖)。 我可以更改目录&缓存自动优化文件的文件名?

是的,如果你想提供例如文件/wp-content/resources/aggregated_12345.css而不是默认的/wp-content/cache/autoptimize/autoptimize_12345.css,然后将其添加到wp-config.php:

 define('AUTOPTIMIZE_CACHE_CHILD_DIR ”, '/资源/');定义( 'AUTOPTIMIZE_CACHEFILE_PREFIX', 'aggregated_');  生成的JS / CSS可以预先进行gzip压缩吗? 

是的,但默认情况下这是关闭的。您可以通过将’true’传递给’a’来启用此功能utoptimize_filter_cache_create_static_gzip’。您显然仍需要配置您的Web服务器以使用这些文件而不是非压缩文件,以避免实时压缩的开销。

“删除表情符号”有什么作用?

Autoptimize 2.3中的这个新选项删除了由WordPress核心添加的内联CSS,内联JS和链接的JS文件。因此,可以对您网站的性能产生小的积极影响。

“删除查询字符串”有用吗?

虽然一些在线性能评估工具会将“静态文件的查询字符串”单独列为性能问题,但一般来说这些影响几乎不存在。因此,自版本2.3以来,Autoptimize允许您删除查询字符串(或更准确地说是“ver”参数),但勾选“从静态资源中删除查询字符串”对您网站的性能影响很小或没有影响。以(毫秒)为单位测量。

(如何)我应该优化Google字体?

Google字体通常由“渲染阻止”链接的CSS文件加载。如果你有一个使用谷歌字体的主题和插件,你最终可能会有多个这样的CSS文件。自动优化(从版本2.3开始)现在让您通过完全删除它们或优化它们的加载方式来减轻Google字体的影响。有两种优化风格;第一个是“组合和链接”,它将所有对Google字体的请求替换为一个请求,该请求仍将是渲染阻止但允许立即加载字体(这意味着当页面为时,您不会看到字体更改加载)。替代方案是“组合并加载异步”,它使用JavaScript以非呈现阻塞方式加载字体,但这可能会导致“无格式文本的闪烁”。开始形式Autopitimize 2.4“aggregate& amp;预载“a在一个预加载的CSS文件中汇总所有Google字体文件,这不应该被视为渲染阻止,但字体可以更快地使用(因此不那么简单的文本)。

我要怎么使用“预连接”

预先连接是一种稍微高级的功能,可以指示浏览器(

,如果它们支持)建立与特定域的连接,即使不立即需要连接。这可以用于例如减少第三方资源对HTTPS的影响(因为DNS请求,TCP连接和SSL / TLS协商会尽早执行)。小心使用,因为预先连接到太多域可能会适得其反。 什么时候我不可以异步JS?

未被自动优化的JavaScript文件(因为它们被排除或因为它们被托管在其他地方)通常是渲染阻止的。这个插件是每个wordpress博客必备的。简单而且非常有帮助!我强烈推荐它!

发表评论

电子邮件地址不会被公开。 必填项已用*标注