Autoptimize

描述

Autoptimize 优化你的网站真的很容易。它可以聚合、缩小和缓存脚本和样式,默认情况下在页面头部注入 CSS,但也可以内联关键的 CSS 和延迟已聚合的完整 CSS,移动和延迟脚本到页脚,并缩小 HTML。可以优化和延迟加载图像,优化谷歌字体,异步非聚合 JavaScript,删除 WordPress 核心表情符号等。因此,它可以提高你的网站的性能,即使已经在 HTTP/2! 有大量的 API 可以让您定制 Autoptimize 以满足每个站点的特定需求。
如果您认为性能很重要,那么您确实应该使用众多缓存插件之一来进行页面缓存。一些不错的 Autoptimize 辅助插件,如: Speed Booster pack, KeyCDN’s Cache Enabler, WP Super Cache 或假如您使用 Cloudflare WP Cloudflare Super Page Cache.

高级支持
我们提供了很棒的 Autoptimize Pro支持和 Web 性能优化服务, 请查看我们的产品 (http://autoptimize.com/)!

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

安装

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

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

常见问题

您是否提供或推荐有关如何加快 WordPress/ 使用 Autoptimize 的课程?

在线上有很多免费和高级的资源,但是 Load Labz的“自动优化大师班” 在基于视频的课程中以系统和详细的方法脱颖而出。 看看免费的示例类,有兴趣时请确保使用EarlyBird优惠券获得折扣!

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

它连接所有脚本和样式,最小化和压缩它们,添加过期的标头,对其进行缓存,然后将样式移至页眉,并将脚本(可选)移至页脚。它还会最小化HTML代码本身,使您的页面真正轻巧。

但是我使用的是 HTTP/2, 所以我不需要 Autoptimize?

HTTP/2无疑是向前迈出的重要一步,通过使用同一连接执行多个并发请求,可以大大减少来自同一服务器的多个请求的影响。 话虽如此,串联CSS / JS仍然很有意义,如 此css-tricks.com文章和此 来自一位Ebay工程师的博文。 结论; 配置,测试,重新配置,重新测试,调整并查看在您的上下文中最有效的方法。 也许只是HTTP/2,也许是HTTP / 2 +聚合和最小化,也许是HTTP/2 +最小化(AO也可以做到,只需取消选中“聚合JS文件”和/或“聚合CSS文件” 选项)。 Autoptimize可以做更多的工作,然后“只是”优化您的JS& CSS偏离路线;-)

这将与我的博客工作?

尽管Autoptimize没有任何保证,但如果配置正确,它通常可以正常工作。有关如何在出现问题时进行配置的信息,请参见下面的”故障排除”。

为什么jquery.min.js没有优化

从AO 2.1开始,WordPress核心的jquery.min.js并未进行优化,原因很简单,因为许多流行的插件都注入了未聚合的内联JS(由于内联JS中的独特代码可能存在缓存大小问题),这依赖于jquery可用,因此排除jquery.min.js可确保大多数网站开箱即用。如果您还想优化jquery,则可以将其从JS优化排除列表中删除(您可能还必须启用”也聚合内联JS”或切换为”强制JS强制执行”)。

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

如果未”强行插入”,则Autoptimized JS不会添加阻塞,因为它添加了” defer”标志。但是,另一个插件可能会删除” defer”标志。据报道,Speed Booster Pack正在执行此操作,但该行为尚未得到确认

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

使用默认的 Autoptimize 配置时, CSS链接在头部, 这是一个安全的默认设置, 但 Google PageSpeed Insights 会抱怨。您也可以查看”内联所有CSS”(简单)或”内联和延迟CSS”(更好), 这在本常见问题解答中也有介绍。

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

一般而言,CSS应该放在文档的开头。最近,谷歌(Google)开始推广推迟不必要的CSS,同时内嵌在页面上方构建页面所需的那些样式。这对于在移动设备上尽快呈现页面尤为重要。从Autoptimize 1.9.0开始,这很容易。选择”内联并延迟CSS”,将”折叠CSS上方”块粘贴到输入字段(文本区域)中,您就可以开始了!

但是,如何找出”折叠CSS之上”是什么?

对于这种情况,没有简单的解决方案,因为“折叠上方”取决于折叠位置,而折叠取决于屏幕尺寸。 但是,有一些可用的工具试图识别“首屈一指”的含义。 此工具列表是一个很好的起点。 Sitelocity 关键CSS生成器乔纳斯·奥尔森(Jonas Ohlsson)的criticalpathcssgenerator 是很好的基本解决方案,并且 http://criticalcss.com/ 是同一位 Jonas Ohlsson 的高级解决方案。 另外,此书签(仅适用于Chrome)也可能会有所帮助。

还是应该内联所有CSS?

简短的答案:可能不会。 尽管内联所有CSS将使CSS成为非渲染阻塞,但这将导致您的基本 HTML 页面变得更大,从而需要更多的”往返时间”。 此外,当考虑到在浏览会话中请求多个页面时,每次都会发送内联CSS,而当没有内联时,它将从缓存中提供。 最终,内联的 CSS 将把 HTML 中的元标记向下推送至 Facebook 或 Whatsapp 可能不再寻找它的位置,从而破坏了 在这些平台上共享时的缩略图。

我的缓存越来越大了,Autoptimize不会清除缓存吗?

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

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

  • 停用”聚集内联JS”和/或”聚集内联CSS”选项
  • 不包括基于每个页面(或每个页面加载)变化的JS变量(有时是CSS选择器)。 您可以阅读 在此博客文章中

尽管有上述反对意见,还是有第三方解决方案可以自动清除AO缓存,例如使用此代码此插件,但是由于上述原因,仅当您真正知道自己在做什么时才使用这些解决方案。

“清除缓存”似乎不操作?

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

此外,请不要担心您的缓存是否永远不会降到0个文件/ 0KB,因为Autoptimize(从2.2版开始)将在清除缓存后立即自动预加载缓存,以加快进一步缩小的速度。

当我清除Autoptimize缓存时,我的网站看起来很糟糕!

清除 AO 的缓存时, 任何页面缓存都不应包含引用已删除的优化 CSS/JS 的页面(HTML)。尽管为此目的在 Autoptimize 和某些页面缓存之间进行了集成, 但是这种集成不能覆盖100%的设置, 因此您可能需要手动清除页面缓存。

我还能使用 Cloudflare 的 Rocket Loader 吗?

Cloudflare Rocket Loader是一种非常先进的侵入性方法,用于使JavaScript不受渲染阻塞, Cloudflare仍将其视为Beta 。有时Autoptimize和Rocket Loader可以一起工作,有时却不能。最好的方法是禁用Rocket Loader,然后配置”自动优化”并重新启用Rocket Loader(如果您认为有帮助),然后测试一切是否仍然有效(&A)。

目前(2017年6月),似乎RocketLoader可能会破坏AO的”内联并延迟CSS”,这是基于Filamentgroup的loadCSS的,导致延迟的CSS无法加载(&A)。

我尝试过”自动优化”,但我的Google Pagespeed得分几乎没有提高

Autoptimize不是一个简单的“解决我的Pagespeed问题”插件。 它“仅”聚合& 最小化(本地)JS& CSS和图片,并提供了一些不错的附加功能,例如删除Google字体并推迟CSS的加载。 这样,“自动优化”将使您可以提高性能(以秒为单位的加载时间),也可能会帮助您解决一些特定的Pagespeed警告。 如果您想进一步改进,则可能还需要研究例如 页面缓存和您的网络服务器配置,这将提高真实性能(再次,例如由https://webpagetest.org衡量的加载时间)和“性能最佳实践”页面速度评级。

我能用API做什么?

很多;您可以使用一些过滤器来有条件地禁用每个请求的自动优化,更改CSS和JS排除项,更改要在CSS中内联的CSS背景图像的限制,定义哪些JS文件在聚合后移动一种,更改聚集的JS脚本标签上的defer属性,…在autoptimize_helper.php_example和此FAQ中有一些过滤器的示例。

CDN 如何工作?

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

如果您还希望将上传的图像也放在CDN上,则可以将WordPress配置(/wp-admin/options.php)中的upload_url_path更改为目标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?

如果您的Web服务器已正确配置为处理压缩(gzip或deflate)和缓存过期(具有足够的可缓存性的过期和缓存控制),则不需要Autoptimize来为您处理。在这种情况下,您可以选中”将聚合的脚本/ css保存为静态文件吗?”选项,这将强制Autoptimize将聚合的文件另存为.css和.js文件(这意味着不需要PHP即可提供这些文件)。自Autoptimize 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='Won\'t you take me to, Funky Town'</script> ,标识符为 “funky_data”。

Autotimize 配置 & 问题排查

安装并激活插件后,您将可以访问管理页面,以在其中启用HTML,CSS和JavaScript优化。根据您的喜好,您可以只启用所有这些功能,或者一次比较谨慎。

如果您的博客在启用”自动优化”功能后仍无法正常运行,则可以使用以下提示使用”高级设置”来识别和解决此类问题(&A):

  • 如果一切正常,但您发现博客速度较慢,请确保在此FAQ中安装了页面缓存插件(WP Super Cache或类似的东西)并检查缓存大小信息(该问题的意见也影响未缓存页面的性能),如下所示:好。
  • 如果您的博客看起来很奇怪,即当布局混乱时,CSS优化就会出现问题。尝试从优化中排除一个或多个CSS文件。您还可以通过将CSS包装在主题或窗口小部件中的noptimize-tags中或将文件名(用于外部样式表)或字符串(用于内联样式)添加到排除列表中,来强制不聚合CSS。
  • 如果您网站上的某些功能停止工作(例如carroussel,菜单,搜索输入等),您可能会遇到JavaScript优化问题。更改”聚合内联JS”和/或”强制JavaScript在头?”。设置,然后重试。从优化中排除” js / jquery / jquery.min.js”(请参见下文),并有选择地激活”添加try / catch包装“也可以帮助您。另外,(出于技术上的考虑)您可以通过添加与匹配的Java脚本匹配的字符串,或者通过在noptimize之间包装代码来将其从模板文件或小部件中排除,从而通过Autoptimize排除特定脚本的处理(移动和/或聚合)标签。找出有问题的JavaScript并选择正确的排除字符串可能会反复试验,但是在大多数情况下,可以通过这种方式解决JavaScript优化问题。调试JavaScript问题时,浏览器错误控制台是帮助您了解发生了什么的最重要的工具。
  • 如果您的主题或插件需要jQuery,则可以尝试强制全部使用和/或排除jquery.min.js(如果需要,还可以使用jQuery插件)。
  • 如果您无法使CSS或JS优化工作正常进行,那么您当然可以继续使用其他两种优化技术。
  • 如果您尝试了上述故障排除技巧,但仍然无法使用CSS和JS, 则可以在 WordPress Autoptimize支持论坛上寻求支持。请参阅下文,了解应在”故障单”中提供哪些信息

我排除了文件,但它们仍然被自动优化?

如果文件名指示文件尚未缩小,则AO缩小排除的JS / CSS。从AO 2.5开始,您可以在misc下的” JS,CSS和HTML”选项卡上禁用此功能。通过取消选中”最小化排除的文件”来选择选项(&A)。

帮助, 启用 Autoptimize 后, 我有一个空白页面或内部服务器错误!!

确保您没有同时运行其他HTML,CSS或JS缩小插件(BWP缩小,WP缩小……),同时也没有运行该功能或禁用了页面缓存插件(W3 Total Cache,WP Fastest Cache……)。 。尝试仅启用CSS或仅启用JS优化,以查看是哪一种导致服务器错误,然后按照常规的故障排除步骤查找解决方法。

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

如果您运行的是Apache,则Autoptimize编写的.htaccess文件在某些情况下可能会与Apache配置的AllowOverrides设置发生冲突(某些Ubuntu安装的默认配置就是这种情况),这会导致出现”内部服务器错误”自动优化CSS和JS文件。可以通过将AllowOverrides设置为All来解决。

无法登录域映射的多站点

域映射的多站点需要在另一个 WordPress 动作中初始化 Autoptimize,将这行代码添加到wp-config.php中以使其挂接到 setup_theme 中,例如:

define( 'AUTOPTIMIZE_SETUP_INITHOOK', 'setup_theme' );

我没有任何错误,但是我的页面根本没有优化?

在实际优化之前,自动优化会进行大量检查。如果满足以下条件之一,则不会优化您的页面:

  • 当在定制器中
  • 如果没有开头的 <html 标记
  • 如果响应中有 <xsl:stylesheet(指示输出不是HTML而是XML)
  • 响应中是否有< html amp(因为AMP页面已经优化)
  • 如果输出是RSS提要(is_feed()函数)
  • 如果输出是WordPress管理页面(is_admin()函数)
  • 如果请求该页面并在URL后面附加?ao_noptimize = 1
  • 如果代码挂接到Autoptimize以禁用优化(请参阅Visual Composer上的主题)
  • 如果其他插件以不兼容的方式使用输出缓冲区(有选择地禁用其他插件以识别罪魁祸首)

Visual Composer, 海狸生成器和类似的页面生成器解决方案被打破!!

禁用对登录用户启用自动优化功能的选项,并疯狂地拖放;-)

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

禁用用于优化购物车/结帐页面的选项(适用于WooCommerce,Easy Digital Downloads和WP eCommerce)。

革命滑块坏了!

确保js/jquery/jquery.min.js在JS优化排除项的逗号分隔列表中(默认配置中未包括)。

我收到”未定义jQuery”错误

在这种情况下,您需要取消加载需要加载jQuery的非聚合JavaScript,因此您必须将js/jquery/jquery.min.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”);

什么是 noptimize?

从版本1.6.6开始, Autoptimize 排除了noptimize 标签内的所有内容, 例如:
<!--noptimize--><script>alert(‘this will not get autoptimized’);</script><!--/noptimize-->

您可以在页面/文章内容, 小工具和主题文件中执行此操作(考虑创建子主题, 以避免主题更新会覆盖您的工作)。

我可以更改缓存的自动优化文件的目录和文件名吗(&A)?

是的,如果您要从/wp-content/resources/aggregated_12345.css提供文件,而不是从默认的/wp-content/cache/autoptimize/autoptimize_12345.css提供文件,请将其添加到wp-config.php:

define('AUTOPTIMIZE_CACHE_CHILD_DIR','/resources/');
define('AUTOPTIMIZE_CACHEFILE_PREFIX','aggregated_');

这可以用于非默认的 WP_CONTENT_URL 吗?

不可以,Autoptimize 不支持开箱即用的非默认 WP_CONTENT_URL,但这可以通过将几行代码连接到 Autoptimize 的 API 中来完成。

生成的JS / CSS是否可以预先压缩?

是的,但是默认情况下处于关闭状态。您可以通过将” true”传递给” autoptimize_filter_cache_create_static_gzip”来启用此功能。显然,您仍然必须将Web服务器配置为使用这些文件,而不是使用非压缩文件,以避免动态压缩的开销。

什么”删除表情符号”呢?

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

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

尽管某些在线性能评估工具会将”静态文件的查询字符串”作为性能问题来挑选出来,但是通常这些影响几乎不存在。像这样的Autoptimize(自2.3版开始)允许您删除查询字符串(或更准确地说是” ver”参数),但是勾选”从静态资源中删除查询字符串”对您网站的性能几乎没有影响,因为以(毫秒)秒为单位。

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

Google字体通常由”渲染阻止”链接的CSS文件加载。如果您有使用Google字体的主题和插件,则最终可能会得到多个这样的CSS文件。 Autoptimize(自2.3版开始)现在使您可以通过一起删除Google字体或优化它们的加载方式来减轻它们的影响。有两种优化口味;第一个是”组合和链接”,它将所有对Google字体的请求替换为一个请求,该请求仍然会阻止渲染,但允许立即加载字体(这意味着您不会看到字体在页面被更改时正在加载)。替代方法是”合并并加载异步”,它使用JavaScript以非渲染阻止的方式加载字体,但可能会导致”未样式化文本闪烁”。

我要怎样使用 “预连接”

预连接是一种高级功能,可以指示浏览器(如果支持)建立与特定域的连接,即使不是立即需要连接也是如此。例如,这可用于减轻第三方资源对HTTPS的影响(因为DNS请求,TCP连接和SSL / TLS协商较早执行)。谨慎使用,因为预连接到太多域可能适得其反。

什么时候我不可以异步 JS?

未自动优化的JavaScript文件(因为它们被排除在外或因为它们在其他地方托管)通常会阻止渲染。通过在逗号分隔的”异步JS”字段中添加它们,Autoptimize将添加异步标志,从而导致浏览器异步加载这些文件(即,非渲染阻止)。但是,这可能会破坏您的站点(页面),例如,如果异步” js / jquery / jquery.min.js”,则很可能会收到”未定义jQuery”错误。小心使用。

图像优化如何工作?

启用图像优化后,Autoptimize将在图像标签和从您自己的域加载的CSS文件中查找png,gif,jpeg(.jpg)文件,并将这些文件的src(源)更改为ShortPixel CDN。重要提示:这仅适用于公开可用的图像,否则图像优化代理将无法获取图像来对其进行优化,因此防火墙或代理或密码保护甚至热链接防护都可能会中断图像优化。

我可以对我的 Intranet/受保护的站点使用图像优化吗?

没有; 图像优化取决于外部图像优化服务从您的站点获取原始图像,对其进行优化并将其保存在CDN上的能力。 如果匿名访问者无法下载图像(由于防火墙/代理/密码保护/热链接保护),则图像优化将无法进行。

在哪里可以获得有关图像优化的更多信息?

看看Shortpixel 的常见问题

我可以禁用AO来监听页面缓存清除吗?

从AO 2.4开始,AO会”监听”页面缓存清除以清除其自身的缓存。您可以使用此过滤器禁用此行为;

add_filter('autoptimize_filter_main_hookpagecachepurge','__return_false');

优化后,一些非ASCII字符会丢失

默认情况下,AO使用非多字节安全字符串方法,但如果您的PHP具有mbstring扩展名,则可以使用此过滤器启用多字节安全字符串函数;

add_filter('autoptimize_filter_main_use_mbstring', '__return_true');

我无法使用 Critical CSS

在此处查看有关(传统)”开机”的常见问题解答,此信息将在以后集成到该常见问题解答中。

使用Autoptimize 2.7时,我仍需要Critical CSS开机吗?

当Autoptimize 2.7和单独的Critical CSS开机均已安装并处于活动状态时,开机将处理关键CSS部分。禁用开机功能时,Autoptimize 2.7中集成的关键CSS代码将接管。

“启用404后备广告”有什么作用? 我为什么需要这个?

自动优化缓存聚合和优化的CSS / JS以及指向这些缓存文件的链接都存储在HTML中,这些内容将存储在页面缓存中(可以是插件,可以在主机级别,可以在第3方使用,在Google中缓存,在浏览器中)。如果页面缓存中有HTML链接到同时已被删除的Autoptimized CSS / JS(清除了缓存),则缓存中的页面将无法按预期方式工作,因为找不到CSS或JS (404错误)(&A)。

此设置旨在通过提供”备用” CSS或JS来防止事情中断。后备文件是清空缓存后创建的第一个Autoptimized CSS和JS文件的副本,因此将基于主页。这意味着CSS / JS迁移不会在其他页面上应用100%,但是至少会减少丢失CSS / JS的影响(通常会大大减少)(&A)。

启用该选项后, Autoptimize 会向 .htaccess 中添加一个 ErrorDocument 404(由 Apache 使用), 并且还将与 WordPress 核心 template_redirect 挂钩, 以捕获 WordPress 处理的 404。当使用 NGINX 时, 下面的内容应该可以工作(我不是NGINX专家, 但确实可以工作);

location ~* /wp-content/cache/autoptimize/.*\.(js|css)$ {
    try_files $uri $uri/ /wp-content/autoptimize_404_handler.php;
}

Autoptimize 中使用了哪些开源软件/项目?

以下伟大的开源项目以某种形式在 Autoptimize 中使用:

我在哪里可以获得帮助?

您可以在wordpress.org支持论坛上获得帮助。如果您100%确信使用 Autoptimize 配置无法解决您的问题,并且实际上发现了代码中的错误,则可以在GitHub上创建问题。如果您正在寻找高级支持,请查看我们的Autoptimize Pro支持和Web性能优化服务。

我要退出,该如何删除自动优化?

  • 禁用插件(这将删除选项和缓存)
  • 移除插件
  • 清除所有可能仍具有引用自动优化CSS / JS的页面的缓存(例如,页面缓存插件(例如WP Super Cache)的页面)

我如何帮助/贡献?

只需在Github上分叉Autoptimize并进行编码即可!

评价

2021年1月21日
This plugin does exactly what you need to speed up your site. Lots of options and flexibility and super fast support.
2021年1月21日
I use this plugin a lot. It's really easy to use even for someone that doesn't know much. It speeds up my websites and gives me a better score on page speed insights and other metrics. No complications, no lags. Its' basic version is great and works like a charm. If you use paid version you can access even greater things and performance. Congrats to the team behind this. Thank you for the creation of this plugin and the constant updates ^_^
2021年1月17日
Pas compatible élémentor détruit page mobile , doit enlever CSS et plus, devient un site lent ,alors plus utile de l'installer Mais l'auteur du plugin donne un bon soutien et reponse rapide
2021年1月15日
Had an issue, and received to my big surprise immediate and helpful personal feedback. [Load the features of AutoOptimize one by one rather than all at once, then your website has time to 'absorb' all the changes]. Website now works :). Best part came when I wanted to make a small contribution. He directs you towards other nonprofit initiatives that need it more.... great exceptional generous guy!
2021年1月13日
Installed this and its companion plugin Async Javascript (by the same developer) today. My Google Pagespeed score instantly jumped from low 80 to low 90 😱 It seemed to break the wordpress admin bar for me, so I opened a ticket. The creator replied and helped me out and solved it instantly. This is probaly a plugin that I will install on every wordpress website I'm involved with!
阅读所有的1,194评价

贡献者以及开发者

“Autoptimize” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

"Autoptimize "已被翻译成28种语言。 感谢译者的贡献。

将“Autoptimize”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

2.8.1

  • 图片:不延迟加载前X张图片的新选项
  • 修复.ico文件的图像优化逻辑中的”数组到字符串”转换错误
  • 切换jQuery速记.click(在工具栏JS&PaND中,关闭通知JS),请jQuery Migrate助手(并且因为这样更好)(&A)

2.8.0

  • JavaScript:新选项”推迟但不汇总”
  • JavaScript:确保Autoptimize也可在WordPress 5.6中的jQuery上起作用,该WordPress之前已从jquery.js重命名为jquery.min.js。
  • 图片:添加字段以排除优化图片。
  • 图像:新的过滤器( autoptimize_filter_imgopt_lazyload_from_nth )告诉AO不要延迟加载前X个图像(以改善LCP / CLS)。
  • 关键CSS:作业处理机制的重大改进,将花费的时间从最多1分钟减少到仅几秒钟。
  • 关键CSS:在”高级选项”下,将”请求限制”替换为”队列处理时间限制”(默认30秒)。
  • 额外| Google字体:更好地解析第2版Google字体URL(/ css2 /)。
  • 杂项其他次要修复程序, 请参阅GitHub提交日志

2.7.8

  • 图像优化:为支持它的浏览器添加对AVIF图像格式的支持(通过现有的WebP选项启用,也需要延迟加载才能激活)
  • 关键CSS:基于afine.com的Marcin Weglowski的输入,进一步提高了关键CSS导入设置上传的安全性
  • 杂项其他次要修复程序, 请参阅GitHub提交日志

2.7.7

  • 关键CSS:即使CPT或模板匹配,也要确保页面获得基于路径的规则(启用”页面的基于路径的规则”选项时)
  • 关键CSS:确保”卸载CCSS javascript”仅添加一次
  • 设置屏幕:按照jQuery Migrate的建议将jQuery .attr()切换为.prop(),为即将到来的大型jQuery更新做准备
  • HTML缩小:反转占位符数组,以确保最后一次替换的最后一个占位符被改回以解决罕见问题
  • 安全修复:赞扬Erin Germ查找并报告经过身份验证的XSS漏洞(&A)
  • 安全修复:匿名彭特斯的道具,用于查找和报告经过身份验证的恶意文件上传漏洞(&A)

2.7.6

  • 修复了”内联和延迟”活动时顶部前端管理栏不可见的问题(&A)。
  • 修复了当”内联和延迟”处于活动状态时不会延迟第三方CSS文件的问题(&A)。
  • 在”其他设置”屏幕上进行小复印更改。

2.7.5

  • Google字体聚合和预加载的紧急修复在2.7.4中严重中断(&A)。

2.7.4

  • 图像优化:还优化图标链接
  • 图像优化:修复Safari的Webp检测(由@pinkasey提供)
  • 图像惰性加载:删除隐藏占位符图像的CSS /设置占位符和最终图像之间的跨度
  • 关键CSS:新的高级选项可在onLoad上卸载CCSS
  • 关键的CSS改进:临时缓存模板,以避免一次又一次搜索文件系统的开销(由@ pratham2003提供)
  • 关键的CSS改进:更好但仍在试验中的jQuery延迟逻辑
  • 严重的CSS修复:防止基于MANUAL模板的规则被覆盖
  • CSS内联和延迟:从旧的基于loadCSS的方法转向Filamentgroup的新的,更简单的方法(&A)
  • 默认情况下为新安装启用404后备
  • 将所有出现的黑名单/白名单更改为阻止名单/允许名单。过滤器autoptimize_filter_js_whitelistautoptimize_filter_css_whitelist仍在2.7.4中工作,但已弃用,应将其替换为autoptimize_filter_js_allowlistautoptimize_filter_css_allowlist
  • 更新了自述文件以明确确认这是Autoptimize中使用的GPL +赞美开源项目,因为赞美早就应该了!
  • 经过测试并确认可在WordPress 5.5 beta 2上工作

2.7.3

  • 关键CSS:在PHP进程中缓存设置,而不是重新获取它们
  • 关键CSS:缩短对criticalcss.com的调用之间的间隔(缩短了异步作业队列的处理时间)
  • 内联和延迟CSS:修复了一些未预先加载的排除文件(&A)
  • 404备用广告:仅为CSS / JS创建备用文件,而不为(背景)图像创建备用文件
  • 复制Cyrille(@ css31)建议的副本,un merci!
  • 杂项其他次要修复程序,请参阅GitHub提交日志

2.7.2

  • 关键CSS:修复某些翻译字符串的设置页面问题
  • 严重的CSS:修复了在多站点网络设置中”看不到””内联并延迟”的问题(&A)
  • 关键CSS:在基于路径的规则上添加链接
  • 严重的CSS:修复了非asci URL不匹配的规则
  • 改进:自动禁用杂项功能。 页面构建器的URL
  • 改进:如果未聚合的 CSS 已经具有 onload 属性,请不要对其进行更改
  • 改善图像延迟加载:删除"从背景图片周围

2.7.1

2.7.0

  • 集成关键的CSS通电。
  • 新选项可确保通过备用JS / CSS提供缺少的自动优化文件。
  • 一批杂项。较小的改进和修复,更多信息在GitHub提交日志中(&A)。

older