Divi 5: Spekulativní prerendering

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. 👇

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 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.