Autoptimize – WordPress plugin 外掛推薦下載

點擊下載

自動優化

外掛Plugin描述

自動優化讓優化您的網站變得非常簡單。它可以聚合,縮小和緩存腳本和样式,默認情況下在頁頭中註入CSS(但也可以推遲),移動並將腳本推遲到頁腳並縮小HTML。“額外”選項允許您異步非聚合JavaScript,刪除WordPress核心表情符號,優化Google字體等。因此,即使已經使用HTTP / 2,它也可以提高網站的性能!有大量的API可用於根據每個站點的特定需求定制Autoptimize。

如果您認為性能很重要,那麼您應該使用其中一個緩存外掛Plugin來進行頁面緩存。一些可以補充Autoptimize的好候選者是 WP Super Cache HyperCache Comet Cache KeyCDN的緩存啟動器

Premium Support
我們提供優秀的 Autop timize Pro支持和Web性能優化服務,請查看 https://autoptimize.com/ 上的產品!

(在創意公共平台上快速瀏覽圖片作者LL Twistiti

安裝

只需從您的WordPress“外掛Plugin&gt ;添加新外掛Plugin“屏幕安裝,一切都方便的。手動安裝也非常簡單:

上傳zip文件並將其解壓縮到 / wp-content / plugins / 目錄中通過WordPress的”外掛Plugin“菜單激活外掛Plugin轉到設置> Autoptimize 並啟用你想要的選項。通常這意味著“優化HTML / CSS / JavaScript”。

FAQ

外掛Plugin怎麼幫助加快我的網站?

它連接所有腳本和样式,縮小和壓縮它們,添加過期標題,緩存它們,並將樣式移動到頁面頭部,並將腳本(可選)移動到頁腳。它還縮小了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沒有進行優化,原因很簡單很多流行的外掛Plugin注入了沒有聚合的內聯JS(由於可能的高速緩存大小問題而獨特)內聯JS中的代碼依賴於jquery可用,因此排除jquery.js可確保大多數站點開箱即用。如果你想要優化jquery,你可以從JS優化排除列表中刪除它(你可能還必須啟用“也聚合內聯JS”或切換到“強制JS在頭部”)。

為什麼自動優化的JS呈現阻塞?

如果沒有“強制進入頭部”,Autoptimized JS不會渲染阻塞,因為它添加了“延遲”標誌。然而,另一個外掛Plugin可能會刪除“延遲”標誌。據報導,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緩存,例如:使用

此代碼此外掛Plugin,但由於上述原因,只有在您真正知道自己在做什麼時才會使用這些內容。 “清除緩存”似乎不操作?

在管理工具欄中點擊自動優化下拉菜單中的“刪除緩存”鏈接時,您可能會收到“您的緩存可能未被成功清除”。在這種情況下,請轉到“自動優化設置”頁面,然後單擊“保存更改並清除緩存”按鈕。

此外,如果您的緩存永遠不會降至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”外掛Plugin;它“只”聚合&縮小(本地)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,如果你想要排除特定外掛Plugin的所有文件,你可以簡單地排除“funkyplugin / css / style.css”,例如wp-content / plugins / funkyplugin / js / *,你可以排除例如“funkyplugin / js /”或“plugins / funkyplugin”如果要排除內聯代碼,你必須找到一個特定的,唯一的字符串代碼塊並將其添加到排除列表中。示例:要排除

< script> funky_data =’不要帶我去,Funky Town’< / script> ,標識符為“funky_data”。自動配置&問題排查安裝並激活外掛Plugin後,您將可以訪問管理頁面,您可以在其中啟用HTML,CSS和JavaScript優化。根據您的喜好,您可以開始啟用所有這些,或者如果您一次更謹慎。

如果您的博客在啟用自動優化後無法正常運行,請參閱以下內容:使用“高級設置”解決此類問題:

如果一切正常,但您注意到您的博客速度較慢,請確保安裝了頁面緩存外掛Plugin(WP超級緩存或類似)並檢查緩存大小的信息(解決方案)問題也會影響未緩存頁面的性能。如果您的博客看起來很奇怪,即當佈局搞砸時,CSS優化就會出現問題。在這種情況下,您可以打開“只在頭上尋找樣式?”選項,看看是否能解決問題。你也可以強制CSS不成為agg通過將其包裝在主題或小部件中的noptimize-tags中或通過將文件名(用於外部樣式表)或字符串(用於內聯樣式)添加到exclude-list來進行註冊。如果您網站上的某些功能停止工作(carroussel,菜單) ,搜索輸入,…)你可能會遇到JavaScript優化問題。更改“聚合內聯JS”和/或“強制執行JavaScript?”設置,然後重試。從優化中排除’js / jquery / jquery.js’(見下文)並可選擇激活“

添加try / catch包裝”也可以提供幫助。或者 – 對於技術上的精明 – 您可以通過自動優化排除特定腳本被處理(移動和/或聚合),方法是添加一個與違規Javascript匹配的字符串,或者通過在noptimize之間包裝代碼將其從模板文件或小部件中排除標籤都有效。識別有問題的JavaScript並選擇正確的排除字符串可能是反複試驗,但在大多數情況下,JavaScript優化問題可以通過這種方式解決。在調試JavaScript問題時,您的瀏覽器錯誤控制台是幫助您了解正在發生的事情的最重要的工具。如果您的主題或外掛Plugin需要jQuery,您可以嘗試強制全部和/或排除jquery.js(和jQuery-外掛Plugin(如果需要的話)。如果你無法使CSS或JS優化工作,你可以當然總是繼續使用其他兩種優化技術。如果你嘗試了上面的故障排除技巧,你仍然無法使CSS和JS工作您可以在 WordPress Autoptimize支持論壇上尋求支持。請參閱下文,了解您應在“故障單”中提供哪些信息幫助,啟用Autoptimize後,我有一個空白頁面或內部服務器錯誤!確保您沒有運行其他HTML,CSS或JS縮小外掛Plugin(BWP minify,WP minify,…)與Autoptimiz同時進行e或禁用頁面緩存外掛Plugin的功能(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上的主題)如果其他外掛Plugin使用輸出緩衝區以不兼容的方式(有選擇地禁用其他外掛Plugin以識別罪魁禍首)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文件加載。如果你有一個使用谷歌字體的主題和外掛Plugin,你最終可能會有多個這樣的CSS文件。自動優化(從版本2.3開始)現在讓您通過完全刪除它們或優化它們的加載方式來減輕Google字體的影響。有兩種優化風格;第一個是“組合和鏈接”,它將所有對Google字體的請求替換為一個請求,該請求仍將是渲染阻止但允許立即加載字體(這意味著當頁面為時,您不會看到字體更改加載)。替代方案是“組合併加載異步”,它使用JavaScript以非呈現阻塞方式加載字體,但這可能會導致“無格式文本的閃爍”。開始形式Autopitimize 2.4“aggregate& amp;預載“a在一個預加載的CSS文件中匯總所有Google字體文件,這不應該被視為渲染阻止,但字體可以更快地使用(因此不那麼簡單的文本)。

我要怎麼使用“預連接”

預先連接是一種稍微高級的功能,可以指示瀏覽器(

,如果它們支持)建立與特定域的連接,即使不立即需要連接。這可以用於例如減少第三方資源對HTTPS的影響(因為DNS請求,TCP連接和SSL / TLS協商會儘早執行)。小心使用,因為預先連接到太多域可能會適得其反。 什麼時候我不可以異步JS?

未被自動優化的JavaScript文件(因為它們被排除或因為它們被託管在其他地方)通常是渲染阻止的。優秀的外掛Plugin,幾乎用於我的所有網站(有些是運行較舊的主題,但效果不佳),通常與Comet Cache一起使用。解決了許多速度測試問題,並且當使用適當快速的主題時,我已經實現了非常好的加載時間,例如GeneratePress。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

shares