Nyhedsblog: WordPress & Joomla-udvidelser

Billedindlæsning - Progressiv Lazy Loading på WordPress

Dække over

Media gør en steril WordPress-blog til en levende, travl webside, men den hårde sandhed er, at filer og SEO ikke passer godt sammen. Der er bare ikke meget at sige om det modsatte - langsommere indlæsningstider fører til lavere SEO-score. Imidlertid er ikke alt håb tabt. For et par måneder siden talte vi om, hvordan WP Speed of Light mindsker problemerne med lazy loading . Nu går vi et skridt videre.

 

Som en påmindelse lazy loading ikke alle billederne i et WordPress-indlæg eller -side, så snart brugeren lander på siden. I stedet venter WP Speed of Light indtil billederne kommer til syne for at downloade dem. På den måde indlæses siden meget hurtigere til at begynde med, hvilket hjælper SEO, samtidig med at oplevelsen bliver mere behagelig for læsere på lavere internethastighed.

 

I version 2.5 af WordPress-pluginet er funktionen til lazy loading blevet forbedret for at være lidt mere reaktiv over for dit publikums enheder og deres begrænsninger. WP Speed of Light 's seneste iteration af lazy loading er mere lydhør, især for brugere på lavere mobiltelefoner eller langsom internethastighed.

I stedet for at se ingen billeder og derefter have dem indlæst pludseligt, vil dine WordPress-brugere oprindeligt se en lavopløsende, sløret version af mediefilen. Når det er færdig med at downloade, falder billedet i fokus. På denne måde vil læserne vide, at der findes et billede, og de kan enten vente på, at det indlæses eller fortsætter med at læse, og gå tilbage til det senere.

 

Billeder afmystificeret

Hvad er den bedste ting ved den seneste opdatering til WP Speed of Light ? Hvis du har pro-tilføjelsen til WordPress-pluginet, har du næsten ikke brug for en finger. For at opsætte lazy loading , hoved til WP Speed of Light ’s hastighed optimering menuen . Derfra enably billede lazy loading fra speedup fane.

Hvis du vil have større kontrol, skal du tjekke vores forrige indlæg , men det skal gøre det for at teste lazy loading seneste funktion. Faktisk er det praktisk taget det. Med billedlad lazy loading aktiveret, indlæses mediefiler kun, hvis og når det er nødvendigt med den nye sløringsfunktion, der skal startes.

 

progressiv-dovne-loading-aktivering

 

Som vist ovenfor viser dine billeder oprindeligt et pladsopløsningsbillede med lav opløsning på langsomme netværk, sløret for at være mere æstetisk tiltalende. WordPress indlæser - eller rettere sagt dovne belastninger - billedet i fuld opløsning i baggrunden uden at afbryde læseren. Når billedet er færdig med lazy loading , giver pladsholderbilledet plads til det fulde billede.

 

Progressiv Lazy Loading og SEO på WordPress

Spørgsmålet om en million dollars er dog, hvordan denne nye lazy loading billedet påvirker SEO. Når alt kommer til alt, ville den slørede billedpladsholder ikke tilføje mere indlæsningstid? I virkeligheden, ja. I praksis slet ikke. WP Speed of Light 's pladsholder er et lille 20 pixel billede, der tager ubetydelig tid at indlæse, uden at tilføje overhead til dine SEO-indlæsningstider. På samme tid skjuler sløringen de pixelerede artefakter af billedet i lav kvalitet.

Og som i den tidligere version af lazy loading alle billeder SEO HTML-elementer indlæses ved første skud (ikke doven indlæses). Derfor kan Google-bots og andre læse billedfilens navn, titel, alt-tag.

 

billede-lazy-loadin-seo

 

SEO er vigtigt, men det skal være sekundært i forhold til brugeroplevelsen. WP Speed of Light 's seneste opdatering tager dette princip til sig, men kombinerer den funktionalitet, der gavner SEO med den æstetik, der får læserne til at komme tilbage - alt sammen uden ekstra omkostninger for SEO. Tjek gengivelsen af ​​en progressiv lazy loading her:

 

billede-lazy-loading

 

Hvis du vil implementere den progressive lazy loading på dit WordPress-websted, skal du bare følge dette link: https://www.joomunited.com/wp-speed-of-light

3
Sådan omdirigeres en 404-fejl eller foretager en brugerdefineret omdirigering ...
Sådan hjælper du med WordPress Plugin Debugging
 

Kommentarer

Der er endnu ingen kommentarer. Vær den første til at indsende en kommentar
Allerede registreret? Log ind her
Gæst
Søndag den 5. december 2021

Captcha-billede

Ved at acceptere får du adgang til en service leveret af en tredjepart ekstern til https://www.joomunited.com/