--- 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 5: Spekulativní prerendering" url: https://www.wplama.cz/divi-5-spekulativni-prerendering/ date: 2026-03-30 modified: 2026-05-21 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, Divi 5, Elegant Themes] --- Divi šablona a Elegant Themes # Divi 5: Spekulativní prerendering [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 30. 3. 2026 Aktualizováno **21. 5. 2026** 3 min čtení ![Spekulativní prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "Spekulativní prerendering") Obsah článku (5 kapitol) 1. [Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/#spekulativni-prerendering) 2. [Přednačítání při otevírání a zavírání builderu](https://www.wplama.cz/divi-5-spekulativni-prerendering/#prednacitani-pri-otevirani-a-zavirani-builderu) 3. [Navigace pomocí Command Center](https://www.wplama.cz/divi-5-spekulativni-prerendering/#navigace-pomoci-command-center) 4. [Vliv na pomalejší hosting](https://www.wplama.cz/divi-5-spekulativni-prerendering/#vliv-na-pomalejsi-hosting) 5. [Možnost deaktivace a zátěž serveru](https://www.wplama.cz/divi-5-spekulativni-prerendering/#moznost-deaktivace-a-zatez-serveru) Vývojáři z Elegant Themes implementovali do Divi 5 spekulativní prerendering, aby zrychlili práci v builderu. Výsledkem je prakticky okamžité načítání při otevírání, zavírání a přepínání stránek. Tuto optimalizaci ocení především uživatelé, kteří v Divi pracují denně a často přecházejí mezi různými částmi webu. Níže se můžete podívat, jak to funguje v praxi. 👇 [Speculative Prerendering = Insane Divi 5 Speed!](about:blank) ## Spekulativní prerendering ⚠️ **Poznámka k podpoře prohlížečů:** Technologii Speculation API aktuálně podporují pouze prohlížeče postavené na jádře Chromium (Chrome, Edge, Opera a další). Safari a Firefox tuto funkci zatím neimplementovaly, u těchto prohlížečů se tedy zrychlení neprojeví. **Jak funguje spekulativní prerendering?** [Divi 5](https://www.wplama.cz/divi-5) na základě pohybu kurzoru myši predikuje, kam se uživatel chystá přejít, a cílovou stránku předběžně načte (vyrenderuje) ještě před samotným kliknutím. V okamžiku kliknutí je už obsah načtený na pozadí, takže se zobrazí bez prodlevy. Tento systém přednačítá pouze obsah v rámci samotného rozhraní Divi. Zrychlení načítání je patrné při otevírání, zavírání a přepínání stránek v builderu. Vzhledem k tomu, že má editační prostředí pevně dané vstupní a výstupní body pro navigaci, mohli vývojáři Divi nastavit agresivnější pravidla pro přednačítání na pozadí. Eliminaci načítacích časů pocítí uživatelé především při pohybu uvnitř builderu za pomoci nástrojů, jako jsou Page Manager a Command Center. ## Přednačítání při otevírání a zavírání builderu Builder lze spustit z několika míst, například z horní administrátorské lišty na front-endu pomocí tlačítka *Edit With Divi*. Jak ukazuje video výše, jakmile se kurzor myši přiblíží k tomuto tlačítku, Divi zahájí přednačítání builderu na pozadí. Po následném kliknutí je již rozhraní připraveno. Stejný princip funguje i při ukončování práce v builderu. Cílové stránky pro návrat jsou přednačítány, což zkracuje dobu čekání při přechodech mezi builderem, standardním editorem WordPressu a front-endem. ## Navigace pomocí Command Center Vývojáři integrovali funkci přednačítání také do nástroje Command Center (vyvolává se klávesovou zkratkou `Cmd+K` na Macu nebo `Ctrl+K` na Windows). Jakmile do vyhledávání zadáte cílovou destinaci a navigace se zaktivuje, spustí se prerendering. Stránka se tedy začne na pozadí načítat ještě před samotným stisknutím klávesy Enter. ## Vliv na pomalejší hosting Funkce má měřitelný přínos i v případě, že web běží na pomalejším serveru. Pokud načtení builderu trvá například 5 sekund, pohyb myši směrem k tlačítku může spustit přednačítání s předstihem (např. 1,5 sekundy před samotným kliknutím). Výsledné načtení v takovém případě sice nebude probíhat bez prodlevy, ale celkový čas čekání se o dobu přednačítání zkrátí. ## Možnost deaktivace a zátěž serveru Každé přednačtení na pozadí generuje dodatečné požadavky na server – z technického hlediska se chová stejně, jako když stránku načte běžný návštěvník. V případě obav z nadměrné zátěže serverových zdrojů nebo při striktních limitech na hostingu lze spekulativní prerendering kompletně vypnout v nastavení builderu. ### Prohlédněte si i další novinky v Divi 5 O [Divi 5](https://www.wplama.cz/divi-5) jsme napsali i další články: - [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/) - [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/) - [Divi 5: Upravitelné oblasti v Theme Builderu (Kompletní editace webu)](https://www.wplama.cz/upravitelne-oblasti-v-theme-builderu/) - [Divi 5: Nový karousel modul – vytvářejte slidery z čehokoliv](https://www.wplama.cz/divi-5-novy-karousel-modul-vytvarejte-slidery-z-cehokoliv/) - [Divi 5: Loop Builder – svoboda při výpisu obsahu](https://www.wplama.cz/divi-5-loop-builder-svoboda-pri-vypisu-obsahu/) - [Divi 5: Flexbox](https://www.wplama.cz/divi-5-flexbox/) - [Divi 5: Hledat a Nahradit](https://www.wplama.cz/divi-5-hledat-a-nahradit/) - [Divi 5: Rozšíření atributů](https://www.wplama.cz/divi-5-rozsireni-atributu/) - [Divi 5: Pokročilé jednotky (včetně CSS funkcí a proměnných)](https://www.wplama.cz/divi-5-pokrocile-jednotky-vcetne-css-funkci-a-promennych/) - [Divi 5: Design založený na presetech](https://www.wplama.cz/divi-5-navrh-zalozeny-na-presetech/) - [Divi 5: Proměnné v designu](https://www.wplama.cz/divi-5-promenne-v-designu/) - [Divi 5: Vyhledávání a filtrování nastavení](https://www.wplama.cz/divi-5-vyhledavani-a-filtrovani-nastaveni/) - [Divi 5: Správu atributů](https://www.wplama.cz/divi-5-spravu-atributu/) - [Divi 5: Skupiny modulů](https://www.wplama.cz/divi-5-skupiny-modulu/) - [Divi 5: Přizpůsobitelné responzivní breakpointy](https://www.wplama.cz/divi-5-prizpusobitelne-responzivni-breakpointy/) - [Divi 5: Vnořené řádky](https://www.wplama.cz/divi-5-vnorene-radky/) - [Divi 5 (Public Alpha) k dispozici ke stažení](https://www.wplama.cz/divi-5-public-alpha/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Divi 5](https://www.wplama.cz/stitek/divi-5/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) Sdílet - - [](mailto:?subject=Divi 5: Spekulativní prerendering&body=Divi 5: Spekulativní prerendering https://www.wplama.cz/divi-5-spekulativni-prerendering/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-5-spekulativni-prerendering%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-5-spekulativni-prerendering%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-5-spekulativni-prerendering/#respond) [← Předchozí článek Divi 5: Upravitelné oblasti v Theme Builderu (Kompletní editace webu)](https://www.wplama.cz/upravitelne-oblasti-v-theme-builderu/) [Další článek → Jak jsme nastavili online rezervační systém parkování u letiště na WordPressu](https://www.wplama.cz/jak-jsme-nastavili-online-rezervacni-system-parkovani-u-letiste-na-wordpressu/) 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í --- ![divi 5 upravitelne oblasti v theme builderu kompletni editace webu](https://www.wplama.cz/wp-content/uploads/2026/03/divi-5-upravitelne-oblasti-v-theme-builderu-kompletni-editace-webu.png "divi 5 upravitelne oblasti v theme builderu kompletni editace webu") Divi šablona a Elegant Themes ### [Divi 5: Upravitelné oblasti v Theme Builderu (Kompletní editace webu)](https://www.wplama.cz/upravitelne-oblasti-v-theme-builderu/) 18. 3. 2026 3 min čtení ---