🔃 9 Parasta lazy loading -lisäosaa WordPressille 2026 (ilmaiset ja maksulliset)

Sivusto on hidas, ei huonon hostauksen takia. Sitä hidastavat kuvat, jotka latautuvat kaikki kerralla, myös ne, jotka ovat alataitoksen alapuolella. Käyttäjä ei ole vielä vierittänyt sivun puoliväliin, mutta selain hakee jo 15 täysikokoista kuvaa galleriasta.

Laiskalataus ratkaisee tämän ongelman kahdella klikkauksella. Kuvat, videot ja iframe-elementit latautuvat vasta, kun ne tulevat näkyviin selainikkunaan. Lopputulos: vähemmän HTTP-pyyntöjä, nopeampi First Contentful Paint, matalampi välitön poistumisprosentti. Google PageSpeed Insights lakkaa valittamasta "defer offscreen images" -kohdasta.

Keräsimme 9 lisäosaa WordPressiin, jotka toteuttavat laiskalatauksen oikein, ilman ristiriitoja teemojen kanssa, ilman ylimääräistä kuormaa ja hienosäädöllä eri tilanteisiin.

💡 Pikavertailu:

• Valitse lisäosa tehtäväsi mukaan: laiskalataus, pakkaus tai loputon vieritys.
• Asenna ja aktivoi, useimmat toimivat aktivoinnin jälkeen ilman muutoksia.
• Määritä poikkeukset ylätaitos-sisällölle, jotta LCP ei kärsi.
• Tarkista tulos PageSpeed Insightsissa ja GTmetrixissä, "defer offscreen images" -huomautus katoaa.

Vertailutaulukko

1. WP Rocket Lazy Load

Suosituin itsenäinen laiskalatauslisäosa WP Rocket -tiimiltä. Ei vaadi päävälimuistilisäosaa, toimii itsenäisesti ja pelaa hyvin yhteen minkä tahansa välimuistin kanssa.

Skripti painaa alle 10 KB eikä vedä mukanaan jQueryä. Käytännössä tämä tarkoittaa, että laiskalatauksen lisäkuorma on lähes nolla, et vaihda yhtä ongelmaa toiseen. Lisäosa käsittelee sisällön kuvat, pikkukuvat, avatarit, hymiöt, iframe-elementit ja taustakuvat. Se korvaa YouTube-videot esikatselukuvilla: iframe latautuu vasta klikkauksella. Säästö yhdellä sivulla, jossa on kolme upotettua videota, voi olla 1,5-2 MB liikennettä.

Hyvää:

• Erittäin kevyt skripti: alle 10 KB ilman jQueryä
• Suora WooCommerce-tuki tuotekuville ja gallerioille
• YouTube-iframen korvaaminen esikatselukuvalla nopeampaa latausta varten
• WP Rocket -tiimin kehittämä, säännölliset päivitykset ja yhteensopivuus

Huonoa:

• Ei hienosäätöä ulkoasuanimaatioille
• Ei toimi teemoihin kovakoodattujen kuvien kanssa

Hinta: Ilmainen. Lisäosan sivu WordPress.orgissa

🔗 WP Rocket Lazy Load WordPress.orgissa

2. Smush

Smush ratkaisee kaksi tehtävää kerralla: optimoi kuvat ja laiskalataa ne. Tämä ei ole pelkkä laiskalatauslisäosa, vaan täysiverinen työkalu mediatiedostojen käsittelyyn.

Pakkaus toimii lennossa: lataat kuvan mediakirjastoon, Smush poistaa automaattisesti ylimääräiset metatiedot ja pienentää tiedostokokoa ilman näkyvää laadun heikkenemistä. Laiskalatauksen voi määrittää tarkasti: voit ottaa sen käyttöön vain vimpaimille, vain sisältöalueelle tai vain pikkukuville. Bulk Smush käsittelee jopa 50 kuvaa kerralla, mikä on kätevää, kun mediakirjastossasi on tuhansia tiedostoja.

Hyvää:

• Pakkaus ja laiskalataus yhdessä lisäosassa
• Eräoptimointi: jopa 50 kuvaa samanaikaisesti
• Laiskalatauksen käyttöalueiden joustava määritys
• Väärän kokoisten kuvien automaattinen tunnistus

Huonoa:

• Ei pakkaa tietyn rajan ylittäviä kuvia ilmaisversiossa
• Ei laiskalatausta videoille ja iframeille

Hinta: Ilmaisversio perusominaisuuksilla. Pro, alkaen $3/kk WPMU DEVissa.

🔗 Smush WordPress.orgissa🔗 Smush Pro WPMU DEVissa

3. Optimole

Optimole toimii eri tavalla: se reitittää kuvat pilvipalvelun kautta. Sivun kuvat korvataan pilvi-URL-osoitteilla, joissa pakkaus, laitekohtainen koonmuutos ja WebP/AVIF-muunnos tapahtuvat. Laiskalataus on sisäänrakennettu ja käytössä automaattisesti.

Pääominaisuus on pikselitason mukautuvuus. Optimole määrittää todellisen säiliön koon kävijän laitteella ja toimittaa kuvan, joka on mitoitettu juuri siihen. Retina-näytöt saavat korkeamman tarkkuuden version, hitaat yhteydet saavat alennetun laadun. Ilmaistaso sisältää CloudFront CDN:n (yli 200 pistettä) ja 5 000 kävijää kuukaudessa.

Hyvää:

• Pilvipakkaus ilman palvelinkuormaa
• Mukautuva toimitus näytön koon ja DPR:n mukaan
• CloudFront CDN ilmaistasolla
• Automaattinen muunnos WebP/AVIF-muotoon

Huonoa:

• Riippuvuus pilvipalvelusta, jos heidän API:nsa kaatuu, kuvat eivät välttämättä lataudu
• Ilmaistaso rajoitettu 5 000 kävijään/kk
• Niukka dokumentaatio verrattuna kilpailijoihin

Hinta: Ilmaistaso jopa 5 000 kävijälle/kk. Pro, alkaen $19,08/kk Optimole.comissa.

🔗 Optimole WordPress.orgissa🔗 Optimole Pro

4. Perfmatters

Perfmatters ei asemoidu laiskalatauslisäosaksi, vaan se on täysiverinen työkalu WordPressin hienosäätöön poistamalla tarpeetonta koodia. Mutta laiskalatausmoduuli täällä on yksi parhaista: se toimii selaintasolla loading="lazy"-attribuutin kautta eikä lisää kilotavuakaan JavaScriptiä.

Kuvien lisäksi Perfmatters laiskalataa videot (YouTube ja Vimeo) ja iframe-elementit. Poikkeuksia voi tehdä CSS-luokkien ja sivutyyppien perusteella, esimerkiksi voit poistaa laiskalatauksen artikkelin rungon ensimmäiseltä kuvalta, jotta Largest Contentful Paint ei kärsi. Script Managerin avulla voit purkaa tarpeettomia skriptejä tietyillä sivuilla. Käytännössä Perfmatters yhdessä välimuistilisäosan kanssa antaa +15-25 pistettä PageSpeed Insightsissa, olemme nähneet tämän useammin kuin kerran.

Hyvää:

• Natiivi loading="lazy", nolla ylimääräistä JS:ää
• Script Manager tarpeettomien skriptien poistamiseen sivuittain
• Poikkeukset above the fold -sisällölle
• Kevyt: koko lisäosa painaa alle 200 kt

Huonoa:

• Ei ilmaisversiota (vain maksullinen, alkaen $24,95/vuosi Perfmatters.io:ssa)
• Ei kuvanpakkausta (vain laiskalataus)
• Maksimaalisen hyödyn saamiseksi tarvitset välimuistilisäosan

Hinta: Alkaen $24,95/vuosi yhdelle sivustolle Perfmatters.io:ssa.

🔗 Perfmatters, virallinen sivusto

5. Autoptimize

Autoptimize tunnetaan ensisijaisesti CSS:n ja JavaScriptin minifiointiin tarkoitettuna lisäosana. Mutta versiosta 2.7 lähtien he lisäsivät kuvien laiskalatauksen, ja se toimii loistavasti. Asetus on yksi valintaruutu "Images"-osiossa, ja kaikki foldin alapuolella olevat kuvat saavat loading="lazy"-attribuutin.

Laiskan latauksen lisäksi Autoptimize minimoi ja yhdistää tyyli- ja skriptitiedostoja aggressiivisesti, siirtää ei-kriittisen CSS:n myöhemmäksi ja optimoi Google Fontsit. Tämä tekee siitä ihanteellisen valinnan, jos haluat hoitaa useita sivuston nopeuteen liittyviä tehtäviä yhdellä lisäosalla. Lisäosa on ilmainen ja aktiivisesti päivitettävä: loppuvuodesta 2025 yli miljoona aktiivista asennusta ja säännöllisiä julkaisuja.

Hyvää:

• Laiska lataus + CSS/JS-minimointi + kriittinen CSS yhdessä lisäosassa
• Ilmainen, yli miljoona aktiivista asennusta
• Toimii suoraan paketista, yhden klikkauksen käyttöönotto
• Säännölliset päivitykset ja aktiivinen yhteisö

Huonoa:

• Laiska lataus vain kuville, ei videoille tai iframeille
• Ei ulkoasuanimaatioita
• Aggressiivinen minimointi voi rikkoa asettelun monimutkaisissa teemoissa

Hinta: Ilmainen. Lisäosan sivu WordPress.orgissa

🔗 Autoptimize WordPress.orgissa

6. A3 Lazy Load

A3 Lazy Load on alan veteraani, jolla on vuosien kehityshistoria. Tukee kaikkea: kuvia, videoita, iframeja, taustakuvia, gravatareja. Kytkimillä tapahtuva asetusten määrittely on intuitiivista jopa ensikertalaiselle WordPressin hallintapaneelissa.

Ulkoasuanimaatiot tuovat visuaalista pehmeyttä: häivytys, spinnerit, liuku. Voit lisätä videoita URL-osoitteella suoraan artikkeleihin ja sivuihin. jQuery Mobilea tuetaan suoraan. Lisäosa kytkeytyy WordPressin vakiotoimintoihin; jos teema tai toinen lisäosa käyttää mukautettua merkkausta ohittaen the_content-funktion, A3 Lazy Load ei käsittele niitä. Tämä on sen tärkein rajoitus.

Hyvää:

• Tuki kaikille mediatyypeille: kuvat, videot, iframet, taustat
• Muokattavat ulkoasuanimaatiot (häivytys, spinnerit)
• Videon lisäys URL-osoitteella artikkeleissa ja sivuissa
• Täysi jQuery Mobile -tuki

Huonoa:

• Ei toimi teemoihin kovakoodattujen kuvien kanssa
• Ristiriidoista epästandardien teemojen kanssa on valitettu
• Premium-versiossa on vähemmän ominaisuuksia kuin samanhintaisilla kilpailijoilla

Hinta: Lite, ilmainen. Premium, 29 $ A3Revillä.

🔗 A3 Lazy Load WordPress.orgissa🔗 A3 Lazy Load Premium

7. WP-Optimize

WP-Optimize on Sveitsin armeijan linkkuveitsi WordPressin nopeuttamiseen. Puhdistaa tietokannan (revisiot, roskapostin, transient-tietueet), pakkaa kuvat ja ottaa käyttöön lazy loadingin. Kaikki yhdessä lisäosassa, yhtenäisellä käyttöliittymällä.

Lazy load -moduuli perustuu natiiviin loading="lazy"-attribuuttiin eikä lisää JavaScriptiä. Voit ottaa sen käyttöön kuville, iframeille ja videoille. Asetukset ovat minimaaliset: sisältötyyppien valinta ja poikkeukset luokkien perusteella. Kuvien pakkaus toimii ajastetusti, kuten myös tietokannan siivous. Edullisella hostingilla olevalle sivustolle, jolla on rajallisesti tietokantatilaa, WP-Optimizesta tulee usein ainoa tarvittava suorituskykylisäosa.

Hyvää:

• Kolme toimintoa yhdessä: tietokannan siivous, kuvien pakkaus, lazy load
• Natiivi loading="lazy" ilman JavaScriptiä
• Ajastettu toiminta kaikille tehtäville
• Ilmainen versio kattaa useimmat tarpeet

Huonoa:

• Ei lazy loadia taustakuville
• Kuvien pakkaus on heikompi kuin erikoistuneilla lisäosilla (Smush, Optimole)
• Premium tarvitaan multisiteen ja edistyneeseen ajastukseen

Hinta: Ilmainen. Premium, alkaen 49 $/vuosi WP-Optimize.comissa.

🔗 WP-Optimize WordPress.orgissa🔗 WP-Optimize Premium

8. Ajax Load More

Ajax Load More ei ole perinteinen kuvien lazy load, vaan AJAX-sisällönlataukseen perustuva loputon vieritys. Artikkelit, sivut, kommentit ja WooCommerce-tuotteet latautuvat vierittäessä ilman sivun uudelleenlatausta.

Sisäänrakennetulla shortcode-rakentajalla luot monimutkaisia WordPress-kyselyjä ilman koodia. Suodatus artikkelityypeittäin, formaateittain, kategorioittain, avainsanoittain ja mukautetuilla taksonomioilla. Kyselyiden välimuistitus vähentää palvelimen kuormaa. WooCommercelle täysi yhteensopivuus suosittujen lisäosien kanssa. Voit lisätä AdSense-mainoslohkoja ja toimintakehotuksia ladattujen elementtien väliin.

Hyvää:

• Loputon vieritys + sivutus + "lataa lisää" -painike
• Shortcode-rakentaja monimutkaisiin kyselyihin
• Mainoslohkojen lisääminen ladattujen elementtien väliin
• Yhteensopivuus WooCommercen ja suosittujen lisäosien kanssa

Huonoa:

• Ei ole puhdas kuvien lazy load -lisäosa
• Pro-versio on kallis (149 $ Connekthq.comissa)
• Raskaampi kuin erikoistuneet lazy load -ratkaisut

Hinta: Lite, ilmainen. Pro, alkaen 149 $ Connekthq-sivustolla.

🔗 Ajax Load More WordPress.orgissa🔗 Ajax Load More Pro

9. Load More Products for WooCommerce

Erittäin erikoistunut lisäosa WooCommerce-verkkokauppoihin. Korvaa vakiosivutuksen "lataa lisää" -painikkeella, loputtomalla vierityksellä tai yhdistelmätilalla. Tuotekuvien lazy loading on sisäänrakennettu ja aktivoituu automaattisesti.

Yli 40 animaatiota latauspainikkeelle, tekstin ja kuvakkeen mukautus, tuotteiden määrän asetus sivua kohden sekä URL-navigointi osoitepalkin päivityksellä. "Lataa edelliset" -painike käänteiseen navigointiin. Voit lisätä mukautetun viestin tuotesyötteen alkuun tai loppuun. JavaScript-koukut ja CSS niille, jotka haluavat muokata pidemmälle.

Hyvää:

• Kolme tilaa: painike, loputon vieritys, sivutus
• Yli 40 animaatiota latauspainikkeelle
• URL-navigointi osoitepalkin päivityksellä
• Painikkeen ulkoasun ja tekstin täysi mukautus

Huonoa:

• Vain WooCommerce, ei toimi tavallisten artikkelien ja sivujen kanssa
• Ei varsinaisesti lazy load -lisäosa: päätoiminto on tuotteiden lataaminen
• Pro-versio (34 $ BeRocket-sivustolla) edistyneisiin ominaisuuksiin

Hinta: Lite, ilmainen. Pro, alkaen 34 $ BeRocket.comissa.

🔗 Load More Products WordPress.orgissa🔗 Load More Products Pro

Video näyttää vaihe vaiheelta, miten WordPressin lazy loading asennetaan ja määritetään. Esittely tehdään oikealla sivustolla: lisäosan asennuksesta tuloksen tarkistamiseen PageSpeed Insightsissa.

⁉️🤔 Usein kysytyt kysymykset

Hidastaako lazy loading Largest Contentful Paintia (LCP)?

Kyllä, jos sivun ensimmäinen kuva (above the fold) ladataan lazy loadilla. Selain odottaa lazy load -skriptin latautumista ennen kuin se alkaa ladata kuvaa, mikä lisää viivettä. Ratkaisu on yksinkertainen: jätä ensimmäinen kuva lazy loadin ulkopuolelle. WP Rocket Lazy Loadissa, Perfmattersissa ja A3 Lazy Loadissa on tämä asetus. WordPress 6.5+ -sivustoilla, joissa on natiivi loading="lazy", selain määrittää prioriteetin itse.

Miten natiivi loading="lazy" eroaa JavaScript-lisäosista?

Natiivi loading="lazy" on HTML-attribuutti, jonka selain käsittelee ilman JavaScriptiä. Se toimii moottoritasolla: nopeampi, ei ylimääräistä kuormaa, ei HTTP-pyyntöä skriptille. Siinä ei kuitenkaan ole animaatioita, latausanimaatioita, luokkapoikkeuksia eikä lazy loadia videoille. JavaScript-lisäosat (lazysizes, WP Rocket) antavat enemmän hallintaa, mutta lisäävät painoa. Valinta riippuu tarpeistasi.

Onko lisäosan asentaminen tarpeen, jos teema tukee lazy loadia jo valmiiksi?

Ei aina. Teeman sisäänrakennettu lazy load toimii yleensä vain the_content-alueen kuvien kanssa. Widgetit, pikkukuvat, taustakuvat, videot ja iframet jäävät usein ilman lazy loadia. Lisäksi sisäänrakennettua ratkaisua ei voi hienosäätää omiin tarpeisiin. Tarkista teemasi GTmetrixillä: jos näet ruudun alapuolella lataamattomia kuvia, asenna erillinen lisäosa.

Mitä tehdä, jos lazy load on ristiriidassa välimuistilisäosan kanssa?

Käytännössä ristiriidat ovat harvinaisia. Useimmat nykyaikaiset lazy load -ratkaisut (WP Rocket Lazy Load, Perfmatters, A3 Lazy Load) on suunniteltu yhteensopiviksi suosittujen välimuistilisäosien kanssa. Jos ristiriita havaitaan: poista lazy load käytöstä välimuistilisäosassa ja jätä erikoistunut lazy load -työkalu käyttöön. Yleensä tämä riittää.

Haittaako lazy loading hakukoneoptimointia?

Ei, jos sisältö lopulta latautuu ja indeksoituu. Googlebot suorittaa JavaScriptin ja näkee ladatun sisällön. Varmuuden vuoksi: käytä kuvista <noscript>-versioita (saatavilla WP Rocket Lazy Loadissa). Tämä takaa, että hakukonebotit näkevät kaikki kuvat, vaikka JavaScript ei suorituisikaan.

Mitä asentaa vuonna 2026

Yleispätevää vastausta ei ole, kaikki riippuu tilanteesta:

Jos budjetti on rajallinen ja haluat "asenna ja unohda" -ratkaisun, valitse WP Rocket Lazy Load. Kevyt, ilmainen, tunnetulta tiimiltä. Aktiivisia asennuksia: yli 600 000.

Jos tarvitset pakkausta ja kuvien optimointia lazy loadin lisäksi, valitse Smush (yksinkertaisempi, edullisempi) tai Optimole (pilvi-CDN, mukautuva toimitus). Ensimmäisen asentaa minuutissa, toisessa täytyy huomioida kävijärajat.

Jos olet valmis maksamaan maksimaalisesta suorituskyvystä, Perfmatters. Script Manager yhdessä lazy loadin kanssa antaa hyötyjä, joita pelkillä kuvilla toimivat lisäosat eivät yksin tuota.

Sivustolle, jossa jokainen yhden lisäosan toiminto on tärkeä, Autoptimize (minifiointi + lazy load) tai WP-Optimize (tietokannan siivous + pakkaus + lazy load). Molemmat ovat ilmaisia ja aktiivisesti päivitettäviä.

WooCommerce-verkkokaupalle Ajax Load More tai Load More Products. Ensimmäinen on kauniiseen loputtomaan vieritykseen kaikille sisältötyypeille, toinen on räätälöity suppeasti WooCommercen tuotesyötteelle.

Kokeile jotakin lisäosaa, käyttöönotto vie minuutin, ja tulos näkyy heti PageSpeed Insightsissa. Kerro kommenteissa, mitä lazy load -työkalua käytät ja kuinka paljon nopeusmittarisi muuttuivat.