--- 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.8: Vylepšení výkonu Visual Builderu" url: https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/ date: 2021-01-25 modified: 2021-01-14 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [aktualizace, Divi, Elegant Themes, šablona, visual builder] --- Divi šablona a Elegant Themes # Divi 4.8: Vylepšení výkonu Visual Builderu [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 25. 1. 2021 2 min čtení Pozor: Článek je z roku 2021. Některé postupy se mohly změnit. ![notebook a kód](https://www.wplama.cz/wp-content/uploads/2020/10/notebook-a-kod.jpg "notebook a kód") Obsah článku (3 kapitoly) 1. [Profiler výkonu Visual Builderu](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/#profiler-vykonu-visual-builderu) 2. [Porovnání rychlostí](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/#porovnani-rychlosti) 3. [Jaké změny pomohly zrychlit editor?](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/#jake-zmeny-pomohly-zrychlit-editor) V nejnovější aktualizaci [Divi šablony](https://www.wplama.cz/divi-sablona/) došlo k velkému vylepšení výkonu Visual Builderu. Práce s ním je opět o něco pohodlnější a rychlejší. [Introducing Huge Divi Builder Performance Improvements!](about:blank) ## Profiler výkonu Visual Builderu Aby vývojář [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) mohl plně testovat prováděné úpravy ve Visual Builderu, vytvořili si na míru profiler výkonu, který dokáže zaznamenávat různé akce a slouží k vyhodnocování provedených úpravy. Díky novému nástroji mohou snadno identifikovat problematické části a zapracovat na jejich opravě. ## Porovnání rychlostí Pokud vás to zajímá, můžete se podívat na tabulku porovnání práce s předchozí verzí Builderu a aktuálně vydanou. Jak můžete vidět, u většiny úkonů došlo k výraznému zrychlení. [![Tabulka porovnání rychlostí Visual Builderu](https://www.wplama.cz/wp-content/uploads/2021/01/tabulka-porovnani-rychlosti-visual-builderu-833x1024.png "Tabulka porovnání rychlostí Visual Builderu")](https://www.wplama.cz/wp-content/uploads/2021/01 / tabulka-porovnani-rychlosti-visual-builderu.png) Tabulka porovnání rychlostí Visual Builderu **Kde konkrétně nejvíce pocítíme provedené změny?** - Zobrazení ovládacího panelu při najetí myši, - přidání, smazání a duplikování prvku, - úprava modulu, - a přepínání mezi různými zobrazeními stránky. ## Jaké změny pomohly zrychlit editor? Pojďme se podívat na jednotlivé úpravy, které pomohly k vylepšení výkonu Visual Builderu. ### Přepsání zdrojových kódů Při neustálém vývoji dochází v aplikaci k přidávání nových funkcí a zdrojový kód se tak nabaluje. Je proto dobré, jednou za čas, provést kompletní kontrolu a přepsání zdrojových kódů. Tento časově náročný proces dokáže v optimalizaci divy. ### Podmíněné vykreslování Mezi nově přidanou funkcionalitu patři podmíněné vykreslování obsahu. Nově se vykresluje pouze ten obsah, který je v dané chvíli vidět v prohlížeči. Ostatní prvky stránky, které nejsou vidět, se skryjí a neovlivňují předváděný výkon. Díky tomu bude úprava rozsáhlých stránek a stránek, kde je použito velké množství prvků, plynulejší a rychlejší. [![Podmíněné vykreslování](https://www.wplama.cz/wp-content/uploads/2021/01/podminene-vykreslovani-819x1024.png "Podmíněné vykreslování")](https://www.wplama.cz/wp-content/uploads/2021/01 / podminene-vykreslovani.png) Podmíněné vykreslování ### Zmenšení velikosti a cachování modulů Došlo ke zmenšení velikosti souborů Visual Builderu a změně způsobu cachování CSS výstupu. Cachování duplikovaného modulu pomáhá s rychlostí kopírování, vkládání a duplikování modulů. ### Aktualizace zdrojových souborů Reactu React je motor, který pohání Visual Builder a jeho jádro bylo aktualizováno na novější verzi. Díky tomu může i Divi přímo čerpat z vylepšení výkonu obsaženém přímo v Reactu. - [#aktualizace](https://www.wplama.cz/stitek/aktualizace/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#šablona](https://www.wplama.cz/stitek/sablona/) - [#visual builder](https://www.wplama.cz/stitek/visual-builder/) Sdílet - - [](mailto:?subject=Divi 4.8: Vylepšení výkonu Visual Builderu&body=Divi 4.8: Vylepšení výkonu Visual Builderu https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-8-vylepseni-vykonu-visual-builderu%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-8-vylepseni-vykonu-visual-builderu%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 Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/#respond) [← Předchozí článek WooCommerce 4.9.0](https://www.wplama.cz/woocommerce-4-9-0/) [Další článek → Nové designy zdarma pro Divi šablonu přidané v prosinci 2020](https://www.wplama.cz/nove-designy-zdarma-pro-divi-sablonu-pridane-v-prosinci-2020/) 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í ---