=== Autoptimize ===
Contributors: futtta, optimizingmatters, turl
Tags: optimize, minify, performance, pagespeed, async
Donate link: http://blog.futtta.be/2013/10/21/do-not-donate-to-me/
Requires at least: 4.0
Tested up to: 4.9
Stable tag: 2.3.2
Autoptimize speeds up your website by optimizing JS, CSS and HTML, async-ing JavaScript, removing emoji cruft, optimizing Google Fonts and more.
== Description ==
Autoptimize makes optimizing your site really easy. It can aggregate, minify and cache scripts and styles, injects CSS in the page head by default (but can also defer), moves and defers scripts to the footer and minifies HTML. The "Extra" options allow you to async non-aggregated JavaScript, remove WordPress core emoji cruft, optimize Google Fonts and more. As such it can improve your site's performance even when already on HTTP/2! There is extensive API available to enable you to tailor Autoptimize to each and every site's specific needs.
If you consider performance important, you really should use one of the many caching plugins to do page caching. Some good candidates to complement Autoptimize that way are e.g. [WP Super Cache](http://wordpress.org/plugins/wp-super-cache/), [HyperCache](http://wordpress.org/plugins/hyper-cache/), [Comet Cache](https://wordpress.org/plugins/comet-cache/) or [KeyCDN's Cache Enabler](https://wordpress.org/plugins/cache-enabler).
> <strong>Premium Support</strong><br>
> We provide great [Autoptimize Pro Support and Web Performance Optimization services](http://autoptimize.com/), check out our offering on (http://autoptimize.com/)!
(Speed-surfing image under creative commons [by LL Twistiti](https://www.flickr.com/photos/twistiti/818552808/))
== Installation ==
Just install from your WordPress "Plugins > Add New" screen and all will be well. Manual installation is very straightforward as well:
1. Upload the zip file and unzip it in the `/wp-content/plugins/` directory
1. Activate the plugin through the 'Plugins' menu in WordPress
1. Go to `Settings > Autoptimize` and enable the options you want. Generally this means "Optimize HTML/ CSS/ JavaScript".
== Frequently Asked Questions ==
= What does the plugin do to help speed up my site? =
It concatenates all scripts and styles, minifies and compresses them, adds expires headers, caches them, and moves styles to the page head, and scripts (optionally) to the footer. It also minifies the HTML code itself, making your page really lightweight.
= But I'm on HTTP/2, so I don't need Autoptimize? =
HTTP/2 is a great step forward for sure, reducing the impact of multiple requests from the same server significantly by using the same connection to perform several concurrent requests. That being said, [concatenation of CSS/ JS can still make a lot of sense](http://engineering.khanacademy.org/posts/js-packaging-http2.htm), as described in [this css-tricks.com article](https://css-tricks.com/http2-real-world-performance-test-analysis/) and this [blogpost from one of the Ebay engineers](http://calendar.perfplanet.com/2015/packaging-for-performance/). The conclusion; configure, test, reconfigure, retest, tweak and look what works best in your context. Maybe it's just HTTP/2, maybe it's HTTP/2 + aggregation and minification, maybe it's HTTP/2 + minification (which AO can do as well).
= Will this work with my blog? =
Although Autoptimize comes without any warranties, it will in general work flawlessly if you configure it correctly. See "Troubleshooting" below for info on how to configure in case of problems.
= Why is jquery.js not optimized =
Starting from AO 2.1 WordPress core's jquery.js is not optimized for the simple reason a lot of popular plugins inject inline JS that is not aggregated either (due to possible cache size issues with unique code in inline JS) which relies on jquery being available, so excluding jquery.js ensures that most sites will work out of the box. If you want optimize jquery as well, you can remove it from the JS optimization exclusion-list (you might have to enable "also aggregate inline JS" as well or switch to "force JS in head").
= Why is Autoptimized JS render blocking? =
If not "forced in head", Autoptimized JS is not render blocking as it has the "defer" flag added. It is however possible another plugin removes the "defer"-flag. Speed Booster Pack was reported doing this, but [the behavior has not been confirmed yet](https://wordpress.org/support/topic/speed-booster-pack-autoptimized-js-defer-flag/).
= Why is the autoptimized CSS still called out as render blocking? =
With the default Autoptimize configuration the CSS is linked in the head, which is a safe default but has Google PageSpeed Insights complaining. You can look into "inline all CSS" (easy) or "inline and defer CSS" (better) which are explained in this FAQ as well.
= What is the use of "inline and defer CSS"? =
CSS in general should go in the head of the document. Recently a.o. Google started promoting deferring non-essential CSS, while inlining those styles needed to build the page above the fold. This is especially important to render pages as quickly as possible on mobile devices. As from Autoptimize 1.9.0 this is easy; select "inline and defer CSS", paste the block of "above the fold CSS" in the input field (text area) and you're good to go!
= But how can one find out what the "above the fold CSS" is? =
There's no easy solution for that as "above the fold" depends on where the fold is, which in turn depends on screensize. There are some tools available however, which try to identify just what is "above the fold". [This list of tools](https://github.com/addyosmani/above-the-fold-css-tools) is a great starting point. The [Sitelocity critical CSS generator](https://www.sitelocity.com/critical-path-css-generator) and [Jonas Ohlsson's criticalpathcssgenerator](http://jonassebastianohlsson.com/criticalpathcssgenerator/) are nice basic solutions and [http://criticalcss.com/](http://misc.optimizingmatters.com/partners/?from=faq&partner=critcss) is a premium solution by the same Jonas Ohlsson. Alternatively [this bookmarklet](https://gist.github.com/PaulKinlan/6284142) (Chrome-only) can be helpful as well.
= Or should you inline all CSS? =
The short answer: probably not.
Back in the days CSS optimization was easy; put all CSS in your head, aggregating everything in one CSS-file per media-type and you were good to go. But ever since Google included mobile in PageSpeed Insights and started complaining about render blocking CSS, things got messy (see "deferring CSS" elsewhere in this FAQ). One of the solutions is inlining all your CSS, which as of Autoptimize 1.8.0 is supported.
Inlining all CSS has one clear advantage (better PageSpeed score) and one big disadvantage; your base HTML-page gets significantly bigger and if the amount of CSS is big, Pagespeed Insights will complain of "roundtrip times". Also when looking at a test that includes multiple requests (let's say 5 pages), performance will be worse, as the CSS-payload is sent over again and again whereas normally the separate CSS-files would not need to be sent any more as they would be in cache.
So the choice should be based on your answer to some site-specific questions; how much CSS do you have? How many pages per visit do your visitors request? If you have a lot of CSS or a high number of pages/ visit, it's probably not a good idea to inline all CSS.
You can find more information on this topic [in this blog post](http://blog.futtta.be/2014/02/13/should-you-inline-or-defer-blocking-css/).
= My cache is getting huge, doesn't Autoptimize purge the cache? =
Autoptimize does not have its proper cache purging mechanism, as this could remove optimized CSS/JS which is still referred to in other caches, which would break your site. Moreover a fast growing cache is an indication of [other problems you should avoid](http://blog.futtta.be/2016/09/15/autoptimize-cache-size-the-canary-in-the-coal-mine/).
Instead you
没有合适的资源?快使用搜索试试~ 我知道了~
WordPress内核站群全自动新闻采集发布源码,单站专用.rar
共2979个文件
php:982个
txt:863个
js:384个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 51 浏览量
2021-11-06
12:14:59
上传
评论
收藏 29.19MB RAR 举报
温馨提示
WordPress内核站群全自动新闻采集发布源码,单站专用
资源推荐
资源详情
资源评论
收起资源包目录
WordPress内核站群全自动新闻采集发布源码,单站专用.rar (2979个子文件)
ca-bundle.crt 273KB
style.css 151KB
customize-controls-rtl.css 69KB
customize-controls.css 69KB
common-rtl.css 68KB
common.css 68KB
customize-controls-rtl.min.css 58KB
customize-controls.min.css 58KB
common-rtl.min.css 51KB
common.min.css 51KB
dashicons.css 48KB
media-views.css 47KB
media-views-rtl.css 47KB
dashicons.min.css 45KB
skin.min.css 39KB
themes-rtl.css 39KB
themes.css 39KB
media-views.min.css 39KB
media-views-rtl.min.css 39KB
list-tables-rtl.css 39KB
list-tables.css 39KB
list-tables-rtl.min.css 31KB
editor-rtl.css 31KB
list-tables.min.css 31KB
editor.css 31KB
themes-rtl.min.css 31KB
themes.min.css 31KB
edit-rtl.css 27KB
edit.css 27KB
editor-rtl.min.css 25KB
editor.min.css 25KB
admin-bar-rtl.css 25KB
admin-bar.css 25KB
forms-rtl.css 24KB
forms.css 24KB
login-rtl.min.css 24KB
login.min.css 24KB
dashboard.css 24KB
dashboard-rtl.css 24KB
media-rtl.css 23KB
media.css 23KB
customize-nav-menus-rtl.css 21KB
customize-nav-menus.css 21KB
edit-rtl.min.css 21KB
edit.min.css 21KB
admin-bar-rtl.min.css 20KB
admin-bar.min.css 20KB
admin-menu-rtl.css 19KB
admin-menu.css 19KB
media-rtl.min.css 19KB
media.min.css 19KB
dashboard.min.css 18KB
dashboard-rtl.min.css 18KB
forms-rtl.min.css 18KB
forms.min.css 18KB
customize-nav-menus-rtl.min.css 18KB
customize-nav-menus.min.css 18KB
widgets.css 16KB
widgets-rtl.css 16KB
codemirror.min.css 16KB
mediaelementplayer.css 15KB
mediaelementplayer-legacy.css 15KB
admin-menu-rtl.min.css 15KB
admin-menu.min.css 15KB
nav-menus-rtl.css 15KB
nav-menus.css 15KB
colors.css 13KB
colors-rtl.css 13KB
widgets-rtl.min.css 13KB
widgets.min.css 13KB
colors.css 13KB
colors.css 13KB
colors.css 13KB
colors.css 13KB
colors.css 13KB
colors-rtl.css 13KB
colors-rtl.css 13KB
colors-rtl.css 13KB
colors-rtl.css 13KB
colors-rtl.css 13KB
colors.css 13KB
colors-rtl.css 13KB
customize-widgets-rtl.css 12KB
customize-widgets.css 12KB
nav-menus-rtl.min.css 12KB
about-rtl.css 12KB
about.css 12KB
nav-menus.min.css 12KB
ie-rtl.css 12KB
ie.css 12KB
colors.min.css 11KB
colors-rtl.min.css 11KB
mediaelementplayer.min.css 11KB
mediaelementplayer-legacy.min.css 11KB
colors.min.css 11KB
colors.min.css 11KB
colors.min.css 11KB
colors.min.css 11KB
colors.min.css 11KB
colors-rtl.min.css 11KB
共 2979 条
- 1
- 2
- 3
- 4
- 5
- 6
- 30
资源评论
半抹灯芯
- 粉丝: 54
- 资源: 1075
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功