[ Zavřít ] 


 

RSS Kanál

 

Odložené načítání: ve WP nativně a automaticky

Lazy loading aneb odložené načtení obrázků a rámců bude mnohem hlouběji implementováno do WordPressu. Verze WP 5.5 přinese defaultní užití této technologie u všech obrázků s definovanými rozměry. Díky podpoře ze strany nejrozšířenějšího CMS se odloženému načítání dostane nejen více pozornosti ze strany celé internetové komunity, ale také konkurenční výhody každému, kdo používá WordPress.

 

WordPress implementuje lazy loading nativně a automaticky (Zdroj: Pixabay.com)

Změna už je ve vývojovém kanálu – konkrétně je spjatá s verzí 5.5. WordPress bude nově odložené načítání podporovat nativně. V minulosti bylo třeba různé prvky v administraci vkládat coby HTML kód – nikoliv pomocí vizuálních editorů – když obsahovaly atribut odloženého načítání loading=”lazy”. A to není jediná změna. Samotné administrační rozhraní ve výchozím nastavení přiřadí loading=”lazy” všem obrázkům, které budou mít nastaveny rozměry (atributy width a height). 

Lazy loading k akci: obrázky vytěžují systémové prostředky až v momentě, kdy se zobrazí na aktivní výseči webu (Zdroj: Web.dev)

Proč lazy loading vyžaduje definici rozměrů?

Softwarový inženýr Googlu Felix Arntz, který se podílí na vývoji jádra WordPressu, říká, že nezbytnou podmínkou implementace odloženého načítání je zabránění změnám rozvržení webu:

„Běžným problémem uživatelské zkušenosti na moderním webu jsou tzv. změny rozvržení, které způsobuje pomalu se načítající obsah, jako jsou obrázky. Defaultně dokáže browser správně rozvrhnout web až v momentě, kdy se kompletně načte onen pomalu se načítající obsah. Což způsobuje různé posuny v zobrazení webu.“

Řešení je přitom triviální. Stačí prohlížeči dopředu sdělit, jaké jsou rozměry obrázku pomocí atributů width a height. Browser pak může přesně vyhradit prostor obrázku ještě před načtením. Ačkoliv je omezení posunů rozvržení podstatným problémem i bez lazy loading - s implementací odloženého načítání se stává problémem palčivějším, vysvětluje Arntz.

WordPress 5.5 se do změny rozvržení pustí ještě urputněji. Začne totiž zpětně přiřazovat atributy width a height všem obrázkům, které je ještě v CMS přiřazeny nemají. Dokáže tak otagovat veškerý obrazový materiál, který WordPress chápe jako přílohu a je otagován pomocí class wp-image-$id, upřesňuje Arntz.

Podstatné je jediné: rychlost a testy Googlu, které ji vyhodnocují (Zdroj: Pixabay.com)

V čem je implementace lazy loading ve WordPress 5.5 zásadní?

Klíčovou výhodou odloženého načítání obrázků a iframů je rychlost. Nenačítají se zdroje, které jsou mimo právě zobrazovanou výseč webu, a veškeré systémové prostředky se mohou věnovat vykreslení zobrazované výseče. Zvyšuje se uživatelský komfort, uživatelé neutíkají z nefunkčního webu a rostou prodeje. A nejen to.

Rychlost webu – zejména mobilní verze webu – má zásadní vliv na pozice ve vyhledávání. Google silně preferuje stránky, které se načítají téměř okamžitě. A v očích Googlu většina selhává: stačí se přesvědčit pomocí jeho rychlostního testu Lighthouse na PageSpeed Insights.

A aby toho nebylo málo, skóre webu v Lighthouse od poslední aktualizace ovlivňuje i tzv. kumulativní změna rozvržení: k čím menším posunům rozvržení webu při načítání dochází, tím příznivěji jej Google hodnotí. Weby, které WordPress 5.5 nasadí, získají podstatnou konkurenční výhodu. Aktualizace stabilní větve WP bude dostupná od 11. srpna 2020.

Zdroje

 

 

 

 

 

Mistral Small 3: malý, ale s velkými možnostmi

Francouzští vývojáři Mistral, známí svou láskou k open-source, přichází s novým AI modelem Mistral Small 3. S 24 miliardami parametrů je sice menší než konkurenční obři, zato však nabízí rychlost, nízké...

DeepSeek R1 a Qwen2.5-Max: přijde osvěžení AI z Číny?

Nové AI modely DeepSeek R1 a Qwen2.5-Max představují dva odlišné přístupy k tréninku a provozním nárokům, které by mohly zásadně ovlivnit budoucí vývoj umělé inteligence. Zatímco DeepSeek R1 se profiluje jako model postavený na...

Grok od xAI: první kroky v podobě samostatné aplikace

Grok, umělý inteligentní asistent od společnosti xAI, udělal další krok na cestě k větší dostupnosti. Coby samostatná aplikace se šíří na další platformy. Co Grok nabídne, kde ho již můžeme vyzkoušet a co teprve přijde? ...

VLC otitulkuje i neotitulkované... samozřejmě s pomocí AI

Nejhorší je, když najdete filmovou perlu, ale nemáte k ní titulky. A když už je najdete, tak nesedí. A i když ve VLC posunete jejich časování vůči časování zvukové stopy, tak se ty stopy neustále rozcházejí - a to dokonce nikoliv symetricky. To pak...


 
© 2005-2025 PS Media s.r.o. - digital world
 

reklama