Der er mange måder at forbedre ydeevnen på din WordPress blog på. Vi har diskuteret brugen af ​​caching-plugin, rydder op og optimerer din database og og mange andre tips til hurtigere læsningstid. I denne artikel vil vi vise dig, hvordan du kan forbedre dit websites ydeevne ved at indlæse dine billeder efter behov.

Alle blog ejere vil vide, at billeder spiller en vigtig rolle i et blogindlæg. I Make Tech Easier elsker vi at bruge mange skærmbilleder til at gøre tutorialen klarere og lettere at forstå. Der er dog et problem med dette. Jo flere billeder du har, jo langsommere er webstedet belastet og bruger mere båndbredde. Derudover, som vi har outsourcet vores billeder hosting til Amazon S3, den højere båndbredde også oversætter til højere omkostninger.

En god løsning på dette er at indlæse dine billeder efter behov, eller hvad der er mest kendt som lat ladning.

Lazy Loader er et jQuery-plugin, der forsinker indlæsningen af ​​billeder på (lange) websider. Billeder uden for viewport (synlig del af websiden) bliver ikke indlæst, før brugeren ruller til dem. For websteder, der bruger masser af billeder, kan doven belastning gøre siden belastning hurtigere og også bidrage til at reducere serverbelastningen (og omkostningerne).

For at undgå at gå ind i den tekniske detalje, lad os se på de (enkleste) måder, hvorpå du kan integrere dette i din WordPress-blog.

1. jQuery Image Lazy Loader

Uden tvivl er plugin den måde at forenkle ting i WordPress. jQuery Image Lazy Loader er et sådant plugin, der integrerer lazy load-funktionen på dit websted.

Der kræves ingen konfiguration. Alt du skal gøre er at installere plugin'et og aktivere det.

Når det er aktiveret, fungerer det dovne belastningsskript på alle sider på webstedet.

2. Lazy Loader

Lazy Loader er et andet plugin, der integrerer lazy load-funktionen på dit websted. Forskellen er, den kan konfigureres. Lazy Loader-plugin'et er ikke tilgængeligt i WordPress-depotet, så du skal gå til udviklerens websted og downloade det (hvilket også betyder, at du ikke kan installere det direkte fra dit WordPress dashboard).

Når du har downloadet, installeret og aktiveret det, kan du gå til " Settings -> Lazy Loader " sektionen for at konfigurere plugin.

Mulige valgmuligheder er at indsætte det dovne belastningsskript på alle sider, hjemmesider, indlæg, sider, kategori osv. Du kan også indstille tærskelgrænsen (antallet af billeder, der skal indlæses under visningsporten) for at undgå en forsinkelse i billedindlæsningen.

Andre indstillinger omfatter belastningseffekterne og bruger dit eget stedholderbillede.

Konklusion

Lazy loading er en god måde at reducere din båndbredde på, forbedre sidens læsetid og overordnede ydeevne. Hvis du bare vil have en plug and play-løsning, er jQuery Image Lazy Loader den en til at gå til. Hvis du vil have mere kontrol, er Lazy Loader-plugin et bedre valg.

Til sidst vil du måske tjekke ud det dovne belastningsprojekt for dyb integration i dit websted for dem der er dygtige nok.

Billedkredit: takamorry