Använder lazy-load för att hämta mediefiler med hjälp av den motsvarande inbyggda webbläsarfunktionen. Läs mer om det nya attributet loading eller besök ärende för ändring av WordPress-kärnan man diskuterar introduktionen av samma lösning direkt i WordPress-kärnan.
Om attributet loading inte stöds av webbläsaren använder tillägget en reservlösning i JavaScript, baserat på IntersectionObserver. Om JavaScript är avstängt med attributet loading faktiskt stöds av webbläsaren kommer en noscript-variant för respektive element att läggas in, där även attributet loading inkluderas, utan några ytterligare ändringar.
”Native” (inbyggd från start) innebär ”snabb”
Om du har hittat hit vet du antagligen hur avgörande prestandan är för besökarens upplevelse och webbplatsens framgång. Du vet troligen också att lazy-load är en viktig funktion för att förbättra samma upplevda prestanda. Tyvärr har dock de funktioner som hittills funnits för lazy-load skapat en del extra belastning i sig själva, eftersom de är beroende av att specialanpassad JavaScript-logik laddas, tolkas och körs, något som i sig kan ha mer eller mindre påverkan på prestandan.
Detta tillägg lyckas till stor del komma tillrätta med detta mönster. Det utnyttjar det nya attributet loading som lyfter lazy-load till en funktion som är inbyggd i själva webbläsaren. Attributet stöds redan av Chrome och kommer så småningom att dyka upp i andra webbläsare. Att lösningen är ”inbyggd” (native) innebär att den inte förlitar sig på någon specialanpassad JavaScript-logik och därmed inte kräver lika stora resurser. Och ”färre resurser” innebär ”snabbare”.
Sist men inte minst – något att ha i åtanke är att detta tillägg kommer efterhand att ge allt bättre resultat, i takt med att allt fler webbläsare inför stöd för attributet loading.
Användning
Du behöver bara aktivera tillägget, så kommer alla dina bilder och iframes som finns i innehållet för olika inlägg att laddas via lazy-load.
Erkännande
Detta tillägg baseras delvis på logik från WP Rig och rekommendationer från web.dev och developers.google.com.