常见问题

您是否提供或推荐有关如何加快 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 中使用:

• 克莱先生的 Minify for JS＆amp; HTML缩小
• YUI CSS 压缩器PHP端口用于CSS压缩
• 用于lazyload的Lazysize
• 永久删除管理员通知，在管理屏幕中查看通知
• 插件更新检查器，用于从 Github 进行 Beta 版的自动更新
• LoadCSS 用于延迟完整的CSS
• jQuery cookie 将 “关于 futtta” 类别选择存储在cookie中
• jQuery tablesorter用于显示关键的CSS规则/工作
• jQuery unslider用于主设置页面右上角的迷你幻灯片（已回购）
• JavaScript-md5用于关键的CSS规则编辑
• Speed Booster Pack用于高级JS延迟

我在哪里可以获得帮助?

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

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

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

我如何帮助/贡献?

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