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

Yksi lukuisista vaihtoehdoista verkkosivuston nopeuttamiseksi on lykätä kuvia näytön ulkopuolelta. Tässä viestissä voit oppia lykkäämään näytön ulkopuolisia kuvia WordPressissä

Tiedämme kaikki, että nopeus on erittäin tärkeä hakukoneoptimoinnin ja muuntamisen kannalta. 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 laajennuksia, joilla voit korjata sen.

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ä BloggingToolsissa käytämme Cloudways koska se on nopein WordPress-isännöinti. Jos sinulla ei ole varaa Cloudwaysiin, Bluehost tai Hostinger ovat hyviä vaihtoehtoja. Teemana käytämme nopeinta WordPress-teemaa, joka tunnetaan nimellä 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.

Jetpack lazy loading

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.

Autoptimize Lazy loading

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.

WP Rocket Lazy loading

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)

Mikä on "viive offscreen-kuvat"?

Kuvaruudun ulkopuolisten kuvien lykkääminen tarkoittaa yksinkertaisesti tarpeettomien kuvien lataamisen viivästymistä. Tämä nopeuttaa verkkosivuston nopeutta lataamalla kuvia vain silloin, kun sitä tarvitaan.

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

Voit lykätä näytön ulkopuolisia kuvia WordPressissä asentamalla laiska latauslaajennus. Voit myös tarkistaa, onko välimuistilaajennuksessasi tai kuvan optimointilaajennuksessasi laiska latausominaisuus, yksinkertaisesti aktivoimalla se.

Kuinka lykätän näytön ulkopuolisia kuvia WP Rocketilla?

Avaa WP Rocketin asetukset, siirry mediaan. Sieltä voit aktivoida laiskalatauksen.

Mfon Abel Ekene

Mfon Abel Ekene

Nautin hyödyllisen sisällön luomisesta. Intohimoni on auttaa Internet-väestöä löytämään tarvitsemansa ohjaamalla heitä oikeaan suuntaan. Sitä rakastan tehdä, ja teen useita tunteja tutkimusta ja testausta varmistaakseni, että teen juuri sen TargetTrendin sisällön kautta.

Artikkelit: 48

Vastaanota teknisiä tavaroita

Tekniset trendit, startup-trendit, arvostelut, online-tulot, verkkotyökalut ja markkinointi kerran tai kahdesti kuukaudessa

Jätä vastaus

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *