--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Vylepšení výkonu u Divi šablony za pomocí generování statického CSS souboru url: https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/ date: 2017-07-20 modified: 2018-01-15 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [cache, css, Divi, Elegant Themes, Nově v Divi] --- Divi šablona a Elegant Themes # Vylepšení výkonu u Divi šablony za pomocí generování statického CSS souboru [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 20. 7. 2017 Aktualizováno **15. 1. 2018** 2 min čtení Pozor: Článek je z roku 2017. Některé postupy se mohly změnit. ![Rychlost](https://www.wplama.cz/wp-content/uploads/2017/07/rychlost.jpg "Rychlost") Obsah článku (2 kapitoly) 1. [Zvýšení výkonu stránky](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#zvyseni-vykonu-stranky) 2. [Jednoduchá správa generování CSS souboru](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#jednoducha-sprava-generovani-css-souboru) U Divi šablony, kterou vytváří studio [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/), došlo k dalšímu velkému vylepšení. Všechny vlastní úpravy stylů se nyní automaticky převedou do minifikovaného CSS souboru. [Introducing Static CSS File Generation For Divi & The Divi Builder](about:blank) Toto vylepšení výkonu pomáhá k rychlejšímu načítání stránek. Tvorba statického CSS souboru se týká [Divi Builderu](https://www.wplama.cz/divi), nastavení Divi a sekce Přizpůsobit. To znamená, že úprava stylů již nebude generovat inline vložené CSS styly, ale namísto toho Divi vytvoří soubor, který může být cachován prohlížečem. Výsledkem pak je menší zátěž na server a rychlejší načítání stránky. ## Zvýšení výkonu stránky Statický CSS soubor zrychlí stránku, zmenší její velikost a umožní její cachování. V minulosti byly vlastní úpravy vzhledu v Divi vkládány přímo do stránky jako in-line CSS styly. [![Inline CSS](https://www.wplama.cz/wp-content/uploads/2017/07/inline-css.jpg "Inline CSS")](https://www.wplama.cz/wp-content/uploads/2017/07 / inline-css.jpg) In-line CSS V nové verzi Divi se upravené styly do stránky nevkládají, ale místo toho se kompilují a minifikují do statického CSS souboru. Pokaždé, když provedete úpravu vzhledu na stránce, tak se CSS soubor automaticky vytvoří znovu. [![Statické CSS](https://www.wplama.cz/wp-content/uploads/2017/07/staticke-css.jpg "Statické CSS")](https://www.wplama.cz/wp-content/uploads/2017/07 / staticke-css.jpg) Statické CSS ## Jednoduchá správa generování CSS souboru Statické CSS soubory jsou snadno spravovatelné, mazatelné a vypínatelné přes nastavení Divi šablony a přes nastavení Divi Builderu na stránce. ### Správa a mazání statických CSS souborů Uživatelé, kteří nechtějí funkci generování statických CSS souborů, ji mohou vypnout v nastavení Divi šablony. Stačí jít do záložky Builder a funkci deaktivovat. Na stejném místě se nachází i tlačítko pro promazání vygenerovaných CSS souborů. Stejně tak můžete tuto funkci deaktivovat na specifické stránce přes nastavení Divi Builderu. [![Vypnutí generování CSS souborů v Divi Builderu](https://www.wplama.cz/wp-content/uploads/2017/07/vypnuti-generovani-css-souboru-v-divi-builderu.png "Vypnutí generování CSS souborů v Divi Builderu")](https://www.wplama.cz/wp-content/uploads/2017/07 / vypnuti-generovani-css-souboru-v-divi-builderu.png) Vypnutí generování CSS souborů v Divi Builderu ### Zabudovaná podpora pro cachovací pluginy Při vývoji této nové funkce se nezapomnělo ani na podporu cachovacích pluginů. Díky tomu je zaručena kompatibilita a bezproblémový společný chod šablony a pluginů. - [#cache](https://www.wplama.cz/stitek/cache/) - [#css](https://www.wplama.cz/stitek/css/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#Nově v Divi](https://www.wplama.cz/stitek/nove-v-divi/) Sdílet - - [](mailto:?subject=Vylepšení výkonu u Divi šablony za pomocí generování statického CSS souboru&body=Vylepšení výkonu u Divi šablony za pomocí generování statického CSS souboru https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fvylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fvylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru%2F) TC Autor Tomáš Cirkl 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. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (2) [Přidat komentář →](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#respond) M Marek [9. 5. 2018](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#comment-68766) Tomáši, má tato funkce nějaký pozitivní vliv na výkon? Přijde mi, že i přesto je načítání pomalé… [Odpovědět](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#comment-68766) TC Tomáš Cirkl WPlama [9. 5. 2018](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#comment-68767) Ano, má. Nicméně kombinace WP Super Cache, Autoptimize a WP Performance Score Booster udělá té práce víc. [Odpovědět](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#comment-68767) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/vylepseni-vykonu-u-divi-sablony-za-pomoci-generovani-statickeho-css-souboru/#respond) [← Předchozí článek Proč je důležité udržovat WordPress aktualizovaný](https://www.wplama.cz/aktualizace-wordpress/) [Další článek → Jak umožnit nahrání velkých obrázků do WordPress](https://www.wplama.cz/jak-umoznit-nahrani-velkych-obrazku-do-wordpress/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Divi šablona a Elegant Themes →](https://www.wplama.cz/wordpress/divi-elegant-themes/) ![kombinovatelne nastaveni](https://www.wplama.cz/wp-content/uploads/2026/04/kombinovatelne-nastaveni.png "kombinovatelne nastaveni") Divi šablona a Elegant Themes ### [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/) 13. 4. 2026 2 min čtení --- ![command center](https://www.wplama.cz/wp-content/uploads/2026/03/command-center.png "command center") Divi šablona a Elegant Themes ### [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/) 7. 4. 2026 4 min čtení --- ![spekulativni prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "spekulativni prerendering") Divi šablona a Elegant Themes ### [Divi 5: Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/) 30. 3. 2026 3 min čtení ---