WordPress heeft die versie 6.3 aangekondigd, gepland voor release in 2023. Augustus, zal websites helpen betere SEO-scores voor Core Web Vitals te behalen, met name voor Maximum Content Coloring (LCP). Largest Contentful Paint (LCP) is een statistiek die meet hoe lang het duurt om het grootste blok afbeelding of tekst weer te geven. Het uitgangspunt van deze statistiek is om de perceptie van de gebruiker te onthullen van hoe lang het duurt om een webpagina te laden. Het meet wat een websitebezoeker ziet in zijn browser, de zogenaamde viewport. Het optimaliseren van WordPress 6.3 is een langetermijninspanning om precies HTML-attributen in specifieke elementen te gebruiken om de beste prestaties van Core Web Vitals te bereiken.
Haal het prioriteits-HTML-kenmerk op
Fetch Priority, in HTML geschreven als fetchpriority, is een HTML-attribuut voor webpagina-elementen (bronnen), zoals afbeeldingen, CSS en JavaScript. Het doel van Fetchpriority is om de browser te vertellen welke webpaginabronnen het snelst moeten worden gedownload om de inhoud te leveren die een websitebezoeker in zijn browser ziet, wat zich in zijn viewport bevindt. Inhoud die niet in de viewport staat, dat wil zeggen inhoud die de gebruiker naar beneden moet scrollen om te zien, heeft een lagere prioriteit dan inhoud die bovenaan de pagina en in de viewport van de sitebezoeker staat. Met indieningsprioriteit kan de uitgever bepalen welke bronnen een hoge prioriteit hebben en welke een lage prioriteit hebben. WordPress 6.3 heeft een nieuwe functie die een fetchpriority-attribuut toevoegt aan de afbeelding die het meest waarschijnlijk zal verschijnen in de viewport van een websitebezoeker.
Het WordPress-bericht merkte op:
WordPress voegt nu automatisch een ‘fetchpriority’-attribuut met de waarde ‘high’ toe aan een afbeelding waarvan het hoogstwaarschijnlijk bepaalt dat het een ‘LCP-afbeelding’ is, wat betekent dat de afbeelding het grootste inhoudselement in de viewport is. Het attribuut vertelt de browser om prioriteit te geven aan deze afbeelding zonder zelfs maar de lay-out te berekenen, wat de LCP doorgaans met 5-10% verbetert. drempelwaarde. Dit betekent dat het kenmerk fetchpriority niet wordt toegepast op kleine bronnen zoals een navigatieknop. Een ander kenmerk van WordPress auto fetchpriority is dat het nooit een bestaand fetchpriority-attribuut zal overschrijven.
Lazy Load-implementatie is perfect
Er wordt gezegd dat het voorbeeldgebied het eerste is dat een websitebezoeker in zijn browser ziet wanneer hij een website bezoekt. Idealiter zou prioriteit moeten worden gegeven aan webpagina-elementen die nodig zijn om de eerste viewport te presenteren wanneer een bezoeker de site bezoekt. Items onder de eerste viewport hoeven niet onmiddellijk te worden gedownload. Tijdelijk laden is een manier om de browser te vertellen welke afbeeldingen en iframes niet belangrijk zijn bij het laden van het eerste scherm van de viewport. Door het kenmerk “Lazy load” te gebruiken, kunnen de benodigde elementen van de webpagina eerst worden gedownload. Oorspronkelijk implementeerde WordPress een kenmerk voor lui laden op alle afbeeldingen op een webpagina, ongeacht of dit belangrijk was of niet. Hoewel lui laden voor afbeeldingen die belangrijk zijn voor het weergeven van inhoud boven de viewport niet ideaal was, toonden tests aan dat het nog steeds een verbetering was ten opzichte van het niet toepassen van het kenmerk lui laden. WordPress 6.3 lost dit probleem op door te kunnen bepalen welke afbeeldingen belangrijk zijn. Het kenmerk lazy load wordt niet toegepast op belangrijke afbeeldingen, dus die afbeeldingen kunnen zo snel mogelijk worden gedownload.
WordPress merkte op:
“Er zijn aanvullende tweaks en fixes geïmplementeerd om de automatische afhandeling van lazy loading te verbeteren met behulp van het load-attribuut om betrouwbaarder te bepalen wanneer het attribuut op sommige afbeeldingen moet worden overgeslagen.” Ten slotte kan het nieuwe proces voor het detecteren van de initiële viewport en het toepassen van de fetchpriority- en load-attributen worden gebruikt voor verdere optimalisatie in toekomstige versies van WordPress.
WordPress merkte op:
“…dit kan in de toekomst worden verbeterd met andere prestatiegerelateerde attributen.”
Wijzigingen kunnen van invloed zijn op plug-ins van derden
Een WordPress-melding waarschuwt ontwikkelaars van plug-ins die afhankelijk zijn van de onderliggende lazy loading-logica dat dit is veranderd. Er is nu een nieuwe enkele functie die zowel fetchpriority als load-attributen bestuurt. Ontwikkelaars die afhankelijk waren van de oude logica moeten mogelijk hun plug-ins bijwerken. Dit is belangrijk voor uitgevers om te weten, zodat ze weten hoe ze prioriteit kunnen geven aan hun plug-in-updates na het upgraden naar WordPress 6.3.
WP 6.3 negeert gerelateerde aangepaste optimalisatie
Een doordacht aspect van deze update is dat de automatische toepassing van fetchpriority en lazy load toepassingen overschrijft die deze kenmerken hebben aangepast.
De advertentie notities:
“Aangezien de nieuwe functie voortdurend wordt gebruikt overal waar afbeeldingen in de WordPress-kern worden gepresenteerd, is de ondersteuning voor maatwerk ook verbeterd. De functie zal nooit bestaande attributen overschrijven, dus als u het attribuut “fetchpriority” of “loading” op de afbeelding instelt voordat u deze functie aanroept, blijft het attribuut zoals het is. Dit maakt fijnafstemming mogelijk zonder standaard geautomatiseerd gedrag te implementeren. Als u dit doet, vergeet dan niet om nooit zowel fetchpriority=”high” als loading=”lazy” in te stellen voor een element. Als de functie deze twee combinaties van kenmerken en waarden tegenkomt, wordt er een waarschuwing geactiveerd.
Betere SEO voor WordPress door Core Web Vitals.
Naast het bovenstaande heeft WordPress ook verschillende bugs opgelost die van invloed waren op de juiste implementatie van deze attributen voor maximale inhoudsoptimalisatie. Als het gaat om beeldoptimalisatie voor SEO, biedt WordPress 6.3 eindelijk een volledig geoptimaliseerde SEO-ervaring waarmee websites hogere LCP-scores kunnen behalen.
Lees de officiële WordPress-aankondiging:
Verbeteringen in beeldprestaties in WordPress 6.3.
Uitgelichte afbeelding door Shutterstock/Ljupco Smokovski