Upraveno 6 prosince, 2023 00:13
Snippet v tomto článku má jednoduchý úkol. Ke každému náhledovému obrázku Vašeho webu, nebo blogu přidá atribut fetchpriority=“high“. Tento atribut zařídí, že webový prohlížeč bude brát náhledový obrázek prioritně a bude se jej snažit zobrazit co nejdříve. To může výrazně pomoct při měření v metrikách LCP. Pokud tedy hledáte WordPress snippet pro přidání fetchpriority=“high“ k náhledovým obrázkům, najdete jej níže.
Co jsou to náhledové obrázky?
Náhledové obrázky na webových stránkách WordPressu hrají důležitou roli při přilákání uživatelů a zvýšení vizuální atraktivity. Tyto obrázky slouží k prezentaci klíčových prvků obsahu a zlepšení uživatelské zkušenosti.
Obecně platí, že náhledové obrázky mohou mít různé velikosti a jejich cílem je upoutat pozornost návštěvníků a zvýraznit obsah stránek.
Díky náhledovým obrázkům mohou uživatelé snadno identifikovat, o čem příspěvek nebo stránka pojednává a rozhodnout se, zda je pro ně zajímavý. Správně vybrané a atraktivně zobrazené náhledové obrázky mohou přilákat více návštěvníků a zvýšit šance na jejich interakci s obsahem.
WordPress nabízí možnosti nastavení náhledových obrázků pro jednotlivé příspěvky, stránky nebo taxonomie. Tímto způsobem můžete přizpůsobit vizuální prezentaci svého obsahu a zvýšit jeho atraktivitu.
Zároveň také ale mohou náhledové obrázky pokazit měření LCP a jeho rychlost. Tento snippet upřednostní náhledový obrázek jako prioritní a pomůže s měřením LCP.
Co je to LCP metrika
LCP metrika je zkratkou pro Largest Contentful Paint a slouží k měření rychlosti načítání webové stránky. Přesněji, LCP metrika hodnotí dobu, kterou trvá načtení největšího obsahového prvku na stránce, jako je například obrázek nebo blok textu.
Vaším cílem bude, aby se tento hlavní obsah zobrazil uživateli co nejrychleji. LCP metriku považujte za důležitou z hlediska uživatelského zážitku a optimalizace webu. Čím rychlejší je načtení LCP prvku, tím lepší zážitek z webu uživatel dostane. Také si zvýšíte pravděpodobnost, že návštěvník zůstane na stránce déle.
WordPress snippet pro přidání fetchpriority=“high“ k náhledovým obrázkům
/*Set high fetch priority for the featured image*/
function featured_image_fixes($html) {
if ( !is_single() ) {
return $html;
}
$remove = 'decoding="async"';
$add = 'fetchpriority="high"';
$html = str_replace($remove, $add, $html);
return $html;
}
add_filter( 'post_thumbnail_html', 'featured_image_fixes' );
Jak mohu snippet do WordPressu vložit?
Kompletní návod na vkládání snippetů do WordPressu můžete najít zde: Jak do WordPressu vkládat vlastní kódy
Web je vytvářen s pečlivostí k obsaženým informacím. Snažím se poskytovat kvalitní a užitečný obsah, který ostatním pomáhá, nebo je inspiruje. Pokud jste spokojeni s mou prací a chtěli byste mě podpořit, můžete to udělat prostřednictvím jednoduchých možností.
Odebírejte Newsletter
Buďte v obraze! Připojte se k odběru newsletteru a buďte první, kdo získá nejnovější informace přímo do vaší e-mailové schránky. Sledujte aktuality, exkluzivní události a inspirativní obsah, přímo na Vašem e-mailu.
