Kuinka lykätä näytön ulkopuolisia kuvia WordPressissä

Me kaikki tiedämme, että nopeus on erittäin tärkeä asia SEO ja muuntaminen. Verkkosivuston tekeminen nopeaksi voi auttaa verkkosivustoa sijoittumaan korkeammalle Googlessa. Ja se voi myös ilahduttaa lukijasi. Kukapa ei pidä nopeasta verkkosivustosta?

Mutta kun yrität optimoida verkkosivustoa nopeuden vuoksi, se voi viedä aikaa niin monien asioiden vuoksi. Yleensä yritän silloin tällöin testata verkkosivustoani ja varmistaa, että se ei toimi huonosti. Koskaan ei tiedä mitä uutta siellä on. SEO maailmassa asiat muuttuvat hyvin usein.

Jos olet tarkistanut verkkosivustosi kautta nopeuden testaustyökalut kuten Google PageSpeed ​​Insight tai Web.dev, yksi varoituksista, joita saatat saada, on "lykätä näytön ulkopuolisia kuvia".

Tässä artikkelissa selitän, mitä se tarkoittaa, kerron kuinka korjata se ja suosittelen liitännäiset voit käyttää sen korjaamiseen.

Sinun pitäisi kuitenkin tietää, että miksi näytön ulkopuolisten kuvien lykkääminen voi lisätä mobiilinopeuttasi, tärkeimmät nopeuteen vaikuttavat tekijät ovat isännöinti ja teema. Täällä klo BloggausKäytämme työkaluja Cloudways koska se on nopein WordPress-isännöinti. Jos sinulla ei ole varaa Cloudwaysiin, Bluehost tai Hostinger ovat hyviä vaihtoehtoja. Teemalle käytämme nopeinta WordPress-teema tunnetaan GeneratePress.

Mitä näytön ulkopuolisten kuvien lykkääminen tarkoittaa?

Näytön ulkopuolisten kuvien lykkääminen tarkoittaa sellaisten kuvien lataamisen viivyttämistä, jotka eivät vielä näy käyttäjälle. Tämä saa selaimen keskittymään lataamaan vain tarpeellista ja viime kädessä nopeuttamaan verkkosivustoa.

Jos viesteissäsi tai kotisivullasi on paljon kuvia, kun käyttäjä vierailee sivustollasi, selain alkaa heti ladata kaikkea. Jos kuvia on paljon, sivun näyttäminen käyttäjälle voi viedä paljon aikaa.

Mutta kun siirrät näytön ulkopuolisia kuvia, kuvat latautuvat vain, kun käyttäjä vierittää sen kohdalle.

Huomaa, että et voi lykätä vain kuvia, vaan suurinta osaa verkkosivustosi resursseista voidaan myös lykätä, kunnes niitä tarvitaan.

Kuinka lykätä näytön ulkopuolisia kuvia WordPressissä

Voit lykätä ruudun ulkopuolisia kuvia lataamalla kuvia laiskasti. Laiska lataus varmistaa, että kuvat latautuvat vain silloin, kun niitä tarvitaan. Tämä puolestaan ​​tekee verkkosivustosta nopeamman.

Kun pystyt laiska lataamaan kuvia ja muuta sisältöä, joka estää sivuasi latautumasta nopeasti. Google PageSpeed ​​Insightin ja muiden testaustyökalujen "lykätä kuvaruudun ulkopuoliset kuvat" katoavat.

Noudata näitä ohjeita lykätäksesi näytön ulkopuolisia kuvia WordPressissä:

1. Asenna Lazy loading -laajennus

On monia laiskalatauslaajennuksia, jotka ovat saatavilla ilmaiseksi WordPress-laajennusten hakemistosta. Voit siirtyä Pluginiin, lisätä uuden ja kirjoittaa sitten Lazy loading. Asenna kuka tahansa, jolla on hyvät arvostelut.

Mutta sinun ei tarvitse asentaa mitään laajennusta, jos sinulla on jo laajennuksia, jotka voivat käsitellä laiskalatausta. Useimmat välimuistilaajennukset latautuvat hitaasti. Tarkista välimuistilaajennuksen laiskojen latausvaihtoehtojen varalta. Kuvan optimointilaajennuksissa on useimmiten laiska latausvaihtoehto.

Myös jos käytät Jetpackia ja automaattista optimointia, niillä on laiskoja latausvaihtoehtoja.

2. Aktivoi laiska latausasetukset

Kun olet asentanut laajennuksen, varmista, että aktivoit laiskalatausvaihtoehdon. Jos sinulla on välimuistilaajennus, jossa on laiska lataustoiminto, varmista, että aktivoit tämän vaihtoehdon.

3. Tyhjennä välimuisti.

Kun laiska lataus on aktivoitu, tyhjennä välimuisti ja siinä kaikki!

Voit testata sivustoasi uudelleen, varoituksen pitäisi olla poissa!

Viivästyttää näytön ulkopuolisia kuvia WordPress-laajennus

Defer offsreen Images -laajennukset ovat samat kuin laiskalatauslaajennukset. Tässä muutamia alla:

1. rakettireppu

rakettireppu on yksi suosituimmista WordPress-laajennuksista, jolla on yli 5 miljoonaa aktiivista asennusta. Jos sinulla on jo Jetpack asennettuna, sinun ei tarvitse asentaa lisälaajennusta laiska lataamista varten.

Aktivoi vain laiska lataus Jetpackissa. Aktivoi siirry Jetpackin asetuksiin ja vieritä sitten Suorituskyky-välilehdellä alas ja ota laiska lataus käyttöön.

2. Optimoi

Autoptimize on erittäin suosittu suorituskykylaajennus. Jos käytät Autoptimizea, sinun ei tarvitse asentaa laiskalatauslaajennusta, koska Autoptimizessa on sama ominaisuus.

Siirry kohtaan Optimoi asetukset ja napsauta sitten Kuvat-välilehteä ja ota laiska lataus käyttöön.

3. WP-raketti

WP Rocket on suosituin premium-tason WordPress-välimuistilaajennus. Jos käytät WP Rocketia, et tarvitse muita liitännäisiä, niissä on laiska lataus käytössä.

Mene WP Rocketin asetuksiin ja napsauta mediaa, josta voit ottaa laiskan lataamisen käyttöön.

4. LiteSpeed-välimuisti

Jos käytät LiteSpeed ​​Cache -laajennus, Siinä on laiska latausominaisuus. Aktivoi siirtymällä mediaosioon, jossa voit ottaa käyttöön laiskalatauksen.

5. a3 Lazy Load

Jos tarvitset vain laajennuksen yksin Lazy-latausta varten a3 Laiskakuormitus on hyvä plugin siihen. Mene vain laajennukseen > lisää uusi. Etsi a3 Lazy Load. Asenna ja aktivoi. Siirry sitten laajennusasetuksiin ja aktivoi laiska lataus.

Yleensä joissakin teemoissa, joissakin välimuistilaajennuksissa ja joissakin kuvan optimointilaajennuksissa on laiska latausominaisuus.

Usein kysytyt kysymykset (FAQ)