--- 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: "Divi 4.10: Velká výkonnostní aktualizace" url: https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/ date: 2021-08-23 modified: 2021-08-19 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [css, Divi, optimalizace rychlosti, výkon] --- Divi šablona a Elegant Themes # Divi 4.10: Velká výkonnostní aktualizace [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 23. 8. 2021 4 min čtení Pozor: Článek je z roku 2021. Některé postupy se mohly změnit. ![Divi výkon](https://www.wplama.cz/wp-content/uploads/2021/08/divi-vykon.png "Divi výkon") Obsah článku (5 kapitol) 1. [Nejprve pár výsledků](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#nejprve-par-vysledku) 2. [Divi odstraňuje nadměrná data](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#divi-odstranuje-nadmerna-data) 3. [Kritické CSS v Divi](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#kriticke-css-v-divi) 4. [Nové nastavení pro optimalizaci rychlosti](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#nove-nastaveni-pro-optimalizaci-rychlosti) 5. [Divi vs konkurence](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#divi-vs-konkurence) Nejnovější aktualizace [Divi šablony](https://www.wplama.cz/divi-sablona/) přináší několikaměsíční výkonnostní vylepšení. Divi byla kompletně přepracována a optimalizována. Díky tomu se nyní vývojáři mohou soustředit na přidávání více obsahu (modulů, funkcí…). Z Divi se tak stává super rychlý framework pro tvorbu webových stránek. [We Made Divi Fast. Super Fast!](about:blank) ## Nejprve pár výsledků Než si detailněji představíme na nové funkce, pojďme se podívat jak si Divi nyní vede v testech výkonu webu. Na [testovací stránce](https://divi.website/divi/), která byla vytvořena za účelem testování nových funkcí, byla velikost CSS snížena o 94%! Všechny renderovací prvky byly odstraněny JavaScript byl zredukován na půlku. Je to z důvodu načítání pouze potřebných dat k zobrazení dané stránky. **Takřka perfektní skóre** Testovací stránka dosáhla v testu **Google Page Speed** skóre 99 pro mobilní zařízení a 100 pro počítač. U **GTmetrix** bylo skóre 100%. Testovací stránka využívá standardní WordPress hosting a CDN. Na výkon nebyly použity žádné další optimalizační pluginy. Pojďme si nyní představit nové funkce. ## Divi odstraňuje nadměrná data [![Divi odstraňuje nadměrná data](https://www.wplama.cz/wp-content/uploads/2021/08/divi-odstranuje-nadmerna-data-1024x444.jpg "Divi odstraňuje nadměrná data")](https://www.wplama.cz/wp-content/uploads/2021/08 / divi-odstranuje-nadmerna-data.jpg) Divi odstraňuje nadměrná data Nová verze Divi šablony eliminuje načítání nadměrných dat a díky tomu se stala velice výkoným page builderem s velkou rychlostí. **Dynamický PHP Framework** Nový dynamický PHP Framework pouze zpracovává ty data pro moduly a funkce, které jsou na dané stránce použité. Všechno ostatní se nenačítá. Pokud vaše stránka používá pouze 5 modulů z 50+ dostupných, Divi načte data potřebná k zobrazení pouze těchto 5 modulů a ostatní vynechá. Podobně to funguje u funkcí jako jsou Scroll Effects, Animace, Rámeček atd. **Dynamické CSS** Stejná logika je použitá pro CSS styly. Bývalý velký CSS soubor, který Divi obsahovala, byl rozdělen na stovky malých komponentů. Na každé stránce se tak vytvoří unikátní CSS soubor složený pouze z těch částí, které jsou potřebné na zobrazení té konkrétní stránky. **Chytré styly** Systém, který styly generuje byl také optimalizován, aby rozpoznal duplicitní styly a sloučil je do jednoho. Používání [Divi Presets](https://www.wplama.cz/divi-4-5-divi-presets/) můžete tak vytvořit velmi rychlou webovou stránku. **Optimalizace JavaScriptu** JavaScript byl modularizován a díky tomu může Divi volat vždy jen ty potřebné části, které se na stránce používají. Z toho důvodu je opět objem načtených dat zredukovaný na potřebné minimum. ## Kritické CSS v Divi [![Kritické CSS v Divi](https://www.wplama.cz/wp-content/uploads/2021/08/kriticke-css-v-divi-1024x570.jpg "Kritické CSS v Divi")](https://www.wplama.cz/wp-content/uploads/2021/08 / kriticke-css-v-divi.jpg) Kritické CSS v Divi Nová funkce Kritické CSS je systém, který identifikuje ty CSS styly, které jsou potřebné pro načtení zobrazeného obsahu a ostatní odloží. Díky tomu, že se načtou pouze pro vykreslení potřebné styly, je první načtení velmi rychlé. Oddělení kritického a nekritického CSS je velká výhoda, kterou většina současných šablon a page builderů zatím nemá. ## Nové nastavení pro optimalizaci rychlosti [![Nové nastavení pro optimalizaci rychlosti](https://www.wplama.cz/wp-content/uploads/2021/08/nove-nastaveni-pro-optimalizaci-rychlosti-1024x433.jpg "Nové nastavení pro optimalizaci rychlosti")](https://www.wplama.cz/wp-content/uploads/2021/08 / nove-nastaveni-pro-optimalizaci-rychlosti.jpg) Nové nastavení pro optimalizaci rychlosti Do nastavení Divi přibylo několik nových optimalizačních funkcí. **Cachování Google Fonts** Google písma jsou nově cachované a vložené inline do hlavičky. Tato funkce tak snižuje dotazy pro vykreslení obsahu a zrychluje načítání. **Odstranění WordPress Emoji** WordPress obsahuje vlastní systém ikonek, který ale moc webů vůbec nevyužívá z důvodu nativní podpory ve většině prohlížečů. Divi obsahuje funkci, která tuto nepotřebnou vlastnost WordPress vypíná. **Odložení načítání stylů Gutenbergu** Ve výchozím nastavení nyní Divi odloží načítání stylů [Gutenbergu](https://www.wplama.cz/wordpress-gutenberg/). Styly výchozího editoru tak nebudou blokovat vykreslení. **Dynamické ikony** Obrázkové písmo, které Divi používá se nyní načítá pouze v případě, že je použito. Díky tomu došlo k jeho zmenšení z 90kb na 6kb. **j Query Deferral** Divi přesouvá nepotřebné j Query z hlavičky do patičky a načítá ho asynchronně. Pokud je daný skript potřebný k načtení obsahu, tak jej Divi opět vrátí. **In-Line styly** V případě, že budete využívat Dynamické CSS, je soubor se styly velmi malý. Používání inline stylů snižuje počet vykreslovacích dotazů a vylepšuje skóre na Google Page Speed. Jestliže budete mít zapnuté funkce Kritické CSS, Dynamické CSS a Inline styly, všechny dotazy na CSS budou odstraněny. ## Divi vs konkurence [![Divi vs konkurence](https://www.wplama.cz/wp-content/uploads/2021/08/divi-vs-konkurence-1024x579.png "Divi vs konkurence")](https://www.wplama.cz/wp-content/uploads/2021/08 / divi-vs-konkurence.png) Divi vs konkurence Elegant Themes se v této aktualizaci nesnažili udělat jen rychlou šablonu, oni chtěli udělat nejrychlejší. Z toho důvodu vytvořili identické weby za použití různých nástrojů pro tvorbu webu. Všechny weby byly vytvořeny na stejném hostingu s CDN a s péčí maximální dostupné optimalizace daného page builderu. Ověřit si to můžete sami, dema jsou volně přístupné: - [Elementor](https://divi.website/elementor/), s jejich šablonou Hello. - [Gutenberg](https://divi.website/gutenberg/) s pluginem Ultimate Gutenberg Add-ons + šablnou Astra. - [Beaver Builder](https://divi.website/beaver-builder/), se šablonou Kadence. - [Avada](https://divi.website/avada/) s jejich Fusion Builder. Dle výsledků můžete vidět že Divi a nativní Gutenberg jsou nyní výrazně nad konkurencí. ### Aktuální sleva V současné době je sleva 10% na členství Elegant Themes (přístup ke všem jejich produktům, včetně [Divi](https://www.wplama.cz/divi)). [Přejít na slevovou nabídku](https://www.wplama.cz/et-summer-2019) - [#css](https://www.wplama.cz/stitek/css/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#optimalizace rychlosti](https://www.wplama.cz/stitek/optimalizace-rychlosti/) - [#výkon](https://www.wplama.cz/stitek/vykon/) Sdílet - - [](mailto:?subject=Divi 4.10: Velká výkonnostní aktualizace&body=Divi 4.10: Velká výkonnostní aktualizace https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-10-velka-vykonnostni-aktualizace%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-10-velka-vykonnostni-aktualizace%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 031 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (5) [Přidat komentář →](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#respond) JP Jan Ptacek [25. 8. 2021](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-259789) Mám Divi 4.10.4 a k tomu vaši Divi Child. Bohužel mi přestalo fungovat odesílání objednávek na Woocommerce. S tím, že je právě nějaký problém s tou Child. Setkali jste se s tím už někdo? Nevíte, kdo by mi pomohl ten problém vyřešit? [Odpovědět](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-259789) --- JP Jan Ptacek [26. 8. 2021](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-259791) Vaše šablona (Divi Child od WPlama) obsahuje zastaralé kopie některých souborů WooCommerce. Tyto soubory mohou potřebovat aktualizaci, aby byly kompatibilní s aktuální verzí WooCommerce. Návrhy k vyřešení: Aktualizujte svoji šablonu na nejnovější verzi. Pokud není k dispozici žádná aktualizace, obraťte se na autora šablony, aby zajistil kompatibilitu s aktuální verzí WooCommerce. 😀 [Odpovědět](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-259791) TC Tomáš Cirkl WPlama [26. 8. 2021](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-259840) Divi child šablona, kterou si můžete stáhnout z našich stránek, neobsahuje žádné soubory WooCommerce. Nejspíše je tam nahrál váš vývojář při nějaké úpravě. Bude potřeba se podívat do debug na danou chybu a opravit. [Odpovědět](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-259840) --- --- MB Miroslav Bartík [12. 9. 2021](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-266860) Dobrý den Tomáši, chtěl jsem se zeptat, zda jste v souvislosti s aktualizací šablony zaznamenal nějaké problémy, především s položkou nastavení Critical CSS nebo s cache pluginy? V promo videu oznamovali, že cache pluginy nejsou potřeba a šablona sama o sobě je rychlá. Co si o tom myslíte? [Odpovědět](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-266860) TC Tomáš Cirkl WPlama [13. 9. 2021](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-267211) Zdravím, jelikož obvykle používám Diví v kombinaci s dalšími pluginy a nastavením, tak to vypínám a na optimalizaci rychlosti standardně používám WPRocket + Imagify. [Odpovědět](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#comment-267211) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-4-10-velka-vykonnostni-aktualizace/#respond) [← Předchozí článek Pro začátečníky: Jak si přizpůsobit administrační prostředí WordPressu](https://www.wplama.cz/pro-zacatecniky-jak-si-prizpusobit-administracni-prostredi-wordpressu/) [Další článek → 20% sleva na Divi šablonu (členství u Elegant Themes)](https://www.wplama.cz/divi-summer-sale-2021/) 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í ---