--- site_name: WPlama site_description: Internetové stránky na WordPressu snadno a česky site_url: https://www.wplama.cz contact_email: tomas@wplama.cz title: Autoptimize – skvělý plugin pro minifikaci CSS, JS a HTML ve WordPress url: https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/ date: 2017-09-11 modified: 2018-02-26 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [Autoptimize, plugin, rychlost načítání stránky, WordPress] --- ![počítač a stůl](https://www.wplama.cz/wp-content/uploads/2017/09/pocitac-a-stul-1024x683.jpg "počítač a stůl") # Autoptimize – skvělý plugin pro minifikaci CSS, JS a HTML ve WordPress 11.9.2017 Pokud chcete zlepšit výkon svého WordPress webu, tak plugin Autoptimize je skvělá volba. Tento minifikační plugin dokáže [zrychlit vaší stránku](https://www.wplama.cz/optimalizace-rychlosti-nacitani-webu-na-wordpress-bez-znalosti-programovani/) tak, že optimalizuje HTML, CSS a JS. [![Autoptimize](https://www.wplama.cz/wp-content/uploads/2017/09/autoptimize.jpg "Autoptimize")](https://www.wplama.cz/wp-content/uploads/2017/09 / autoptimize.jpg)Autoptimize Jak ale Autoptimize pracuje? Plugin komprimuje, minifikuje, slučuje a cachuje všechny scripty a styly. Samotné HTML pak minifikuje. Minifikace je, že se v HTML, CSS a JavaScriptu zredukuje nepotřebný kód. Díky tomu se tyto soubory stanou menší a rychleji se načítají. Minifikace z kódu odstraňuje: - Prázdné mezery - Znaky na začátku nové řádky - Komentáře - Blokuje oddělovače Tyto znaky nejsou potřebné pro běh kódu, ale spíše činí kód přehlednější a čitelnější pro lidi. ## Jak nastavit plugin Autoptimize Plugin [Autoptimize](https://cs.wordpress.org/plugins/autoptimize/) se nachází v oficiálním katalogu pluginů a jeho [instalace se může provést přímo z WordPress administrace.](https://www.wplama.cz/3-zpusoby-jak-nainstalovat-wordpress-plugin/) Po instalaci a aktivaci se do nastavení dostanete tak, že v administraci WordPress vyberete *Nastavení -> Autoptimize*. Zde najdete jednoduché nastavení, kde stačí zaškrtnout políčka u optimalizace pro HTML, CSS a JS a uložit nastavení. [![Autoptimize Options - základní nastavení](https://www.wplama.cz/wp-content/uploads/2017/09/autoptimize-options-zakladni-nastaveni-1024x485.png "Autoptimize Options - základní nastavení")](https://www.wplama.cz/wp-content/uploads/2017/09 / autoptimize-options-zakladni-nastaveni.png)Autoptimize Options – základní nastavení V tuto chvíli už plugin pracuje a máte nastavený dobrý základ, vhodné pro méně zkušené WordPress administrátory. ### Pokročilé nastavení Autoptimize Autoptimize nicméně obsahuje ještě pokročilé nastavení, které si zobrazíte pomocí tlačítka **Show advanced settings** v pravém horním rohu. Vzorové nastavení s popisky najdete níže. **HTML Options** [![HTML Options](https://www.wplama.cz/wp-content/uploads/2017/09/html-options-1024x222.jpg "HTML Options")](https://www.wplama.cz/wp-content/uploads/2017/09 / html-options.jpg)HTML Options - Optimize HTML Code? – aktivuje optimalizaci HTML, určitě zaškrtněte. - Keep HTML comments? – zaškrtnutím vynutíte ponechání HTML komentářů. **JavaScript Options** [![JavaScript Options](https://www.wplama.cz/wp-content/uploads/2017/09/javascript-options-1024x486.jpg "JavaScript Options")](https://www.wplama.cz/wp-content/uploads/2017/09 / javascript-options.jpg)JavaScript Options - Optimize JavaScript Code? – aktivuje optimalizaci JS, určitě zaškrtněte. - Force JavaScript in ?– vynutí načítání JS v hlavičce, doporučuji nechat vypnuté, protože chcete, aby se JS načítal v patičce stránky a nezpomaloval načítání. - Also aggregate inline JS? – plugin slučuje JS do jednoho souboru, zaškrtnutím aktivuje slučování i inline vložených JS. - Exclude scripts from Autoptimize: – seznam JS, které má plugin přeskočit. - Add try-catch wrapping?– funkce vylepšující kompatibilitu, doporučuji aktivovat. **CSS Options** [![CSS Options](https://www.wplama.cz/wp-content/uploads/2017/09/css-options-1024x581.jpg "CSS Options")](https://www.wplama.cz/wp-content/uploads/2017/09 / css-options.jpg)CSS Options - Optimize CSS Code? – aktivuje optimalizaci CSS, určitě zaškrtněte. - Generate data: URIs for images? – aktivováním vložíte malé obrázky sloužící pro background-image přímo do stylů. - Remove Google Fonts? – aktivováním odstraníte načítání písma z Google Fonts. - Also aggregate inline CSS? – aktivováním zapnete slučování i inline stylů. - Inline and Defer CSS? – umožňuje vložit CSS kód pro rychlé načítání stránek, musíte však vědět, který CSS to je. - Inline all CSS? – vložení všech stylů jako inline. - Exclude CSS from Autoptimize: – seznam CSS, které má plugin přeskočit. **CDN Options** [![CDN Options](https://www.wplama.cz/wp-content/uploads/2017/09/cdn-options-1024x200.jpg "CDN Options")](https://www.wplama.cz/wp-content/uploads/2017/09 / cdn-options.jpg)CDN Options Jestli používáte CDN, tak sem vložte root URL. **Cache Info** [![Cache Info](https://www.wplama.cz/wp-content/uploads/2017/09/cache-info-1024x282.jpg "Cache Info")](https://www.wplama.cz/wp-content/uploads/2017/09 / cache-info.jpg)Cache Info Tabulka s informací o uložení cachovaných souborů. **Misc Options** [![Misc Options](https://www.wplama.cz/wp-content/uploads/2017/09/misc-options-1024x242.jpg "Misc Options")](https://www.wplama.cz/wp-content/uploads/2017/09 / misc-options.jpg)Misc Options **Save aggregated script/css as static files?** – globální nastavení pro slučování CSS a JS, doporučuji nechat aktivované. --- **Also optimize for logged in users?** – optimalizovat zobrazování stránky i pro přihlášené uživatele, doporučuji nechat aktivované. --- Nutno dodat, že nastavení se může lišit v závislosti na šabloně a použitých pluginech, a proto je vždy důležité po uložení nastavení také šablonu řádně otestovat. Pro ještě lepší výkon webu doporučuji plugin Autoptimize použít v kombinaci s [cachovacím pluginem](https://www.wplama.cz/wp-super-cache/). Výsledek by pak měl být velmi znát. Další důležitý plugin pro optimalizaci rychlosti je i [WP Performance Score Booster](https://www.wplama.cz/zrychlete-nacitani-stranky-s-wp-performance-score-booster/). ### Správa WordPress webu Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními. [Více informací](https://www.wplama.cz/sprava-wordpress-webu/) ### O autorovi ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=100&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") [#### Tomáš Cirkl](https://www.wplama.cz/author/tomas/) Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. ## Mohlo by vás také zajímat [![Výběr doménového jména](https://www.wplama.cz/wp-content/uploads/2014/05/Chossing-a-Domain-Name-1024x632.jpg "Výběr doménového jména")](https://www.wplama.cz/tipy-a-nastroje-pomoci-kterych-vyberete-tu-nejlepsi-domenu-pro-vas-blog/) ### [Tipy a nástroje pro výběr vhodné domény webu/blogu](https://www.wplama.cz/tipy-a-nastroje-pomoci-kterych-vyberete-tu-nejlepsi-domenu-pro-vas-blog/) [WordPress návody](https://www.wplama.cz/wordpress/navody/)[![Hosting](https://www.wplama.cz/wp-content/uploads/2014/05/Hosting-1024x768.jpg "Hosting")](https://www.wplama.cz/jak-vybrat-spravny-hosting-pro-wordpress/) ### [Jak vybrat správný hosting pro WordPress](https://www.wplama.cz/jak-vybrat-spravny-hosting-pro-wordpress/) [WordPress návody](https://www.wplama.cz/wordpress/navody/)[![Tipy kde vybrat kvalitní WordPress šablonu](https://www.wplama.cz/wp-content/uploads/2014/05/WordPress-Premium-Themes-Themes4all.com_-1024x506.png "Tipy kde vybrat kvalitní WordPress šablonu")](https://www.wplama.cz/tipy-kde-vybrat-kvalitni-wordpress-sablonu/) ### [Tipy kde vybrat kvalitní WordPress šablonu](https://www.wplama.cz/tipy-kde-vybrat-kvalitni-wordpress-sablonu/) [WordPress návody](https://www.wplama.cz/wordpress/navody/) ### 12 názorů na “Autoptimize – skvělý plugin pro minifikaci CSS, JS a HTML ve WordPress” ![dd5dddb601a137d526261bbb6f497eb066f0927a9491257758d184d39a382e86](https://secure.gravatar.com/avatar/dd5dddb601a137d526261bbb6f497eb066f0927a9491257758d184d39a382e86?s=50&d=monsterid&r=g "dd5dddb601a137d526261bbb6f497eb066f0927a9491257758d184d39a382e86") **Petr Toman** [11.9.2017 v 12:20](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-57250) Ahoj nenarazil si u Autoptimize problém s cachováním? Stává se mi u Caldera form, že hlásí invalid token a musel jsem ho vypnout. Díky za info. [Odepsat](https://www.wplama.cz/#comment-57250) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [11.9.2017 v 12:42](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-57251) Ahoj, bohužel Calderu nepoužívám, takže ne. [Odepsat](https://www.wplama.cz/#comment-57251) --- --- ![1e9e18b9abf564402b05d50c26f92b71059405b3701a304bdfe07db8d140f63a](https://secure.gravatar.com/avatar/1e9e18b9abf564402b05d50c26f92b71059405b3701a304bdfe07db8d140f63a?s=50&d=monsterid&r=g "1e9e18b9abf564402b05d50c26f92b71059405b3701a304bdfe07db8d140f63a") **[Radek](http://Wpeasy.cz)** [11.9.2017 v 17:34](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-57257) V tomhle pluginu pozor na problem s CSs. Kdyz to zapnu tak na sablone Enfold. To blbe zobrazuje v IE [Odepsat](https://www.wplama.cz/#comment-57257) --- ![c7480654598c101ec0f2c798a5f2f095be4d4642912a6cefd26bc9cf3dfb7424](https://secure.gravatar.com/avatar/c7480654598c101ec0f2c798a5f2f095be4d4642912a6cefd26bc9cf3dfb7424?s=50&d=monsterid&r=g "c7480654598c101ec0f2c798a5f2f095be4d4642912a6cefd26bc9cf3dfb7424") **Lukáš** [13.9.2017 v 0:12](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-57292) V kombinaci s Divi a WooCommerce bohužel. Někde se přebíjí CSS a rozhodí se stylování tlačítek. [Odepsat](https://www.wplama.cz/#comment-57292) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [30.10.2017 v 17:13](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-59024) S obojím ho používám bez problémů. Nejspíše ale máte aktivované generování statického css v Divi, zkuste to vypnout. [Odepsat](https://www.wplama.cz/#comment-59024) --- --- ![6dc136d718e7bd794f3e7ed84c77cef622fbda268360c89e5d771d2cc7f9fd0f](https://secure.gravatar.com/avatar/6dc136d718e7bd794f3e7ed84c77cef622fbda268360c89e5d771d2cc7f9fd0f?s=50&d=monsterid&r=g "6dc136d718e7bd794f3e7ed84c77cef622fbda268360c89e5d771d2cc7f9fd0f") **[Marek Dirbak](https://vyliec.sk/)** [5.5.2018 v 13:13](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-68479) Treba mi tento plugin – ak používam nejaké cachovacie pluginy napr. WP rocket? [Odepsat](https://www.wplama.cz/#comment-68479) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [5.5.2018 v 13:19](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-68480) Záleží, jestli ten plugin umí minifikaci a slučování. WP rocket to třeba umí sám. [Odepsat](https://www.wplama.cz/#comment-68480) --- --- ![8b1ceaaf1269824cd1b516787c8e139bcc6821bf664f0f7d1a5f8c26637277fe](https://secure.gravatar.com/avatar/8b1ceaaf1269824cd1b516787c8e139bcc6821bf664f0f7d1a5f8c26637277fe?s=50&d=monsterid&r=g "8b1ceaaf1269824cd1b516787c8e139bcc6821bf664f0f7d1a5f8c26637277fe") **Lucie** [13.12.2018 v 16:46](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-75406) Dobrý den, bohužel při použití tohoto pluginu přestanou funguvat defacto všechny „animační prvky“, jako např. Smart Slider3, Everest Counters, Essent Grid Gallery….prostě nic se nezobrazuje. Je potřeba něco přidat do nastavení? Zkoušela jsem i nastavení u Smart Slideru, které jsem našla na jednom foru, ale bezúspěšně. Díky za odpověd. [Odepsat](https://www.wplama.cz/#comment-75406) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [13.12.2018 v 19:03](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-75408) Zdravím, ano, může se stát, že dojde k nekompatibilitě a rozbití stylů nebo funkčnosti. Nejjednodušší je pak vypnout minifikaci nebo slučování CSS a otestovat, zda se problém neopravil. [Odepsat](https://www.wplama.cz/#comment-75408) --- ![301cea3dd436de864a9ffe57cde076f3db745f876405730c7d474eec58541ce7](https://secure.gravatar.com/avatar/301cea3dd436de864a9ffe57cde076f3db745f876405730c7d474eec58541ce7?s=50&d=monsterid&r=g "301cea3dd436de864a9ffe57cde076f3db745f876405730c7d474eec58541ce7") **Marek** [6.8.2019 v 11:58](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-81061) U Smart Slider3 stačí v nastavení zaškrnout pole „Async“, „Combine“ a „Minify“ a poté už opět funguje… [Odepsat](https://www.wplama.cz/#comment-81061) --- --- ![b4029691f8183f58df50722802c4fd29d79c19ff5784910146eec252c6fd0a03](https://secure.gravatar.com/avatar/b4029691f8183f58df50722802c4fd29d79c19ff5784910146eec252c6fd0a03?s=50&d=monsterid&r=g "b4029691f8183f58df50722802c4fd29d79c19ff5784910146eec252c6fd0a03") **Emanuel** [24.8.2020 v 9:43](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-151772) Dobrý den, jako začátečník jsem začal používat tento plugin. A chtěl bych se zeptat, zda můžete více rozepsat „funkci“ Inline all CSS? – vložení všech stylů jako inline. Používám Divi builder(a šablonu), a když nemám zaškrtnuté: „Inline all CSS?“, tak se mi celá šablona rozbije. V nastavení DIVI builderu, mám vypnuté „Static CSS File Generation“. Další pluginy: WP Performance Score Booster, WP Super Cache, Yoast [Odepsat](https://www.wplama.cz/#comment-151772) --- ![49f8e95c811f1385e84ccbbed9837e6ed4514930461a542b4b037b53b28a171c](https://secure.gravatar.com/avatar/49f8e95c811f1385e84ccbbed9837e6ed4514930461a542b4b037b53b28a171c?s=50&d=monsterid&r=g "49f8e95c811f1385e84ccbbed9837e6ed4514930461a542b4b037b53b28a171c") **Petr** [21.10.2022 v 12:09](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/#comment-299568) Mohli byste aktualizoat článek? Je tam i možnost optimalizace obrázků, ale nevím jak to správně nastavit. díky [Odepsat](https://www.wplama.cz/#comment-299568) --- ### Diskuze [Zruš odpověď](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/?_tmcb=1772962793#respond)