--- 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: 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] --- ![notebook a kód](https://www.wplama.cz/wp-content/uploads/2020/10/notebook-a-kod-1024x683.jpg "notebook a kód") # Divi 4.8: Vylepšení výkonu Visual Builderu 25.1.2021 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!](https://www.youtube.com/embed/2AcsYSNzr2A?feature=oembed) ## 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. ### 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 [![Bloom vzhled formuláře](https://www.wplama.cz/wp-content/uploads/2015/03/bloom-vzhled-formulare-1024x514.png "Bloom vzhled formuláře")](https://www.wplama.cz/optinmonster-vs-bloom/) ### [Velké porovnání pluginů pro sběr emailů: OptinMonster vs. Bloom](https://www.wplama.cz/optinmonster-vs-bloom/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [WordPress obecně](https://www.wplama.cz/wordpress/obecne/)[![elegant themes](https://www.wplama.cz/wp-content/uploads/2015/06/elegant-themes.jpg "elegant themes")](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) ### [WordPressový specialista Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [WordPress obecně](https://www.wplama.cz/wordpress/obecne/)[![elegant themes](https://www.wplama.cz/wp-content/uploads/2015/06/elegant-themes.jpg "elegant themes")](https://www.wplama.cz/sablony-elegant-themes-cestina-zdarma/) ### [Všechny šablony od Elegant Themes česky? A zdarma?!](https://www.wplama.cz/sablony-elegant-themes-cestina-zdarma/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [Ostatní](https://www.wplama.cz/wordpress/ostatni/) ### Diskuze [Zruš odpověď](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/?_tmcb=1772962825#respond)