@harrasteblogi JUURI NYT
--:--

Tilaa uutiskirje

Saat tuoreimmat 10 uusinta artikkelia kerran viikossa sähköpostiisi.

Tilaa uutiskirje

Kuinka estää tarpeettomat skriptit WordPressissäWordPress-sivuston suorituskykyyn vaikuttavat monet tekijät, mutta yksi yleisimmistä ongelmista liittyy tarpeettomiin JavaScript- ja CSS-tiedostoihin. Moni lisäosa ja teema lataa omia skriptejään jokaiselle sivulle, vaikka niitä tarvittaisiin vain tietyissä osioissa. Seurauksena on enemmän HTTP-pyyntöjä, suurempi sivukoko ja hitaammat latausajat.

Erityisesti suurilla sivustoilla tai verkkokaupoissa tarpeettomien skriptien poistaminen voi tuoda merkittäviä suorituskykyparannuksia. Tässä artikkelissa käydään läpi, miten ylimääräiset skriptit tunnistetaan ja miten niiden lataaminen voidaan estää turvallisesti.

Miksi tarpeettomat skriptit hidastavat sivustoa?

Kun selain avaa WordPress-sivun, se ei lataa pelkästään HTML-sisältöä.

Samalla ladataan usein:

  • JavaScript-tiedostoja
  • CSS-tiedostoja
  • Fontteja
  • Ulkoisia kirjastoja
  • Kolmannen osapuolen skriptejä

Jokainen tiedosto lisää:

  • Verkkopyyntöjen määrää
  • Ladattavan datan määrää
  • Selaimen käsiteltävää sisältöä

Vaikka yksittäinen tiedosto olisi pieni, kymmenien tai satojen tiedostojen yhteisvaikutus voi olla merkittävä.

Yleinen ongelma: lisäosat lataavat tiedostoja kaikkialla

Monet lisäosat lataavat skriptejään kaikille sivuille riippumatta siitä, käytetäänkö niiden toimintoja kyseisellä sivulla.

Esimerkiksi yhteydenottolomakkeen lisäosa voi ladata:

  • JavaScript-tiedoston
  • CSS-tiedoston

sekä etusivulle, blogiin että verkkokaupan tuotesivuille, vaikka lomake olisi vain yhdellä yhteystietosivulla.

Tämä on yksi yleisimmistä WordPressin suorituskykyongelmista.

Selvitä mitä skriptejä sivusto lataa

Ennen optimointia täytyy tietää, mitä tiedostoja sivusto lataa.

Hyviä työkaluja tähän ovat:

  • Google Chrome DevTools
  • GTmetrix
  • Query Monitor
  • PageSpeed Insights

Näillä voidaan nähdä:

  • Ladatut JavaScript-tiedostot
  • CSS-tiedostot
  • Tiedostokoot
  • Latausajat

Usein yllätyksenä tulee, kuinka paljon resursseja yksittäinen lisäosa tuo mukanaan.

Asset CleanUp helpottaa skriptien hallintaa

Yksi suosituimmista ratkaisuista on Asset CleanUp -lisäosa.

Sen avulla voidaan:

  • Tarkastella sivukohtaisia resursseja
  • Poistaa skriptejä tietyiltä sivuilta
  • Poistaa CSS-tiedostoja valituista näkymistä
  • Estää tarpeettomien resurssien lataaminen

Esimerkiksi lomakelisäosan tiedostot voidaan ladata vain sivulla, jossa lomake todella sijaitsee.

Perfmatters tarjoaa kevyen ratkaisun

Perfmatters on toinen suosittu optimointityökalu.

Sen avulla voidaan helposti poistaa käytöstä esimerkiksi:

  • Emojit
  • Embed-toiminnot
  • XML-RPC
  • Dashicons
  • WooCommerce-skriptit tarpeettomilta sivuilta

Perfmatters keskittyy erityisesti tarpeettoman WordPress-kuorman vähentämiseen.

WooCommerce-skriptien hallinta

WooCommerce lataa oletuksena useita skriptejä koko sivustolla.

Näitä ovat esimerkiksi:

  • Ostoskoriin liittyvät skriptit
  • Tuotehallinnan resurssit
  • AJAX-toiminnot

Monilla sivustoilla WooCommercea käytetään vain osassa sivuja.

Tällöin skriptit voidaan rajata esimerkiksi:

  • Tuotesivuille
  • Ostoskoriin
  • Kassalle

Tämä vähentää huomattavasti turhaa kuormaa.

Estä käyttämättömät lisäosat sivukohtaisesti

Kaikkien lisäosien ei tarvitse olla aktiivisia kaikilla sivuilla.

Joissakin tapauksissa voidaan käyttää ratkaisuja, jotka sallivat lisäosan lataamisen vain tietyillä sivuilla.

Hyötyjä:

  • Vähemmän PHP-suorituksia
  • Vähemmän JavaScriptiä
  • Vähemmän CSS-tiedostoja

Erityisesti suurilla sivustoilla tämä voi parantaa suorituskykyä huomattavasti.

Poista WordPressin oletustoimintoja

WordPress sisältää useita ominaisuuksia, joita kaikki sivustot eivät tarvitse.

Yleisiä poistettavia toimintoja ovat:

Emojit

WordPress lataa emojien tueksi omia skriptejään.

Jos et käytä niitä aktiivisesti, niiden poistaminen voi vähentää ylimääräisiä pyyntöjä.

Embed-toiminto

Embed-järjestelmä mahdollistaa WordPress-sisällön upottamisen toisille sivustoille.

Monilla sivustoilla ominaisuutta ei koskaan käytetä.

Dashicons

Dashicons-kuvakekirjasto voi latautua myös julkiselle puolelle, vaikka sitä tarvittaisiin vain hallintapaneelissa.

Vältä tarpeettomia ulkoisia skriptejä

Usein suurin ongelma ei ole WordPress itse vaan kolmannen osapuolen palvelut.

Esimerkkejä:

  • Chat-widgetit
  • Mainosverkostot
  • Sosiaalisen median syötteet
  • Seurantatyökalut
  • Markkinointialustat

Jokainen ulkoinen skripti lisää riippuvuuden toisesta palvelimesta.

Jos kyseinen palvelu vastaa hitaasti, myös sivusto hidastuu.

Lataa skriptit viiveellä

Kaikkia skriptejä ei tarvitse suorittaa heti sivun latautuessa.

Tekniikoita ovat:

  • Defer
  • Async
  • Delay JavaScript

Näiden avulla selain voi näyttää sivun sisällön ennen raskaiden skriptien suorittamista.

Monet optimointilisäosat tarjoavat nämä ominaisuudet valmiina.

Tarkista Core Web Vitals -mittarit

Tarpeettomat skriptit näkyvät usein suoraan Core Web Vitals -tuloksissa.

Niiden vaikutus voi näkyä esimerkiksi:

  • LCP-arvossa (Largest Contentful Paint)
  • INP-arvossa (Interaction to Next Paint)
  • TBT-arvossa (Total Blocking Time)

Jos tulokset ovat heikkoja, JavaScript-kuorma on usein yksi ensimmäisistä tarkistettavista asioista.

Milloin skriptejä ei pidä poistaa?

Kaikkia tiedostoja ei kannata estää pelkän suorituskyvyn vuoksi.

Skriptin poistaminen voi aiheuttaa:

  • Toimimattomia lomakkeita
  • Virheitä ostoskorissa
  • Rikkoutuneita käyttöliittymiä
  • JavaScript-virheitä

Siksi jokainen muutos kannattaa testata huolellisesti ennen tuotantoympäristöön viemistä.

Hyvä optimointijärjestys

Tarpeettomien skriptien poistaminen kannattaa tehdä seuraavassa järjestyksessä:

  1. Mittaa nykyinen suorituskyky.
  2. Tunnista raskaimmat skriptit.
  3. Poista tarpeettomat resurssit.
  4. Testaa sivuston toimivuus.
  5. Mittaa suorituskyky uudelleen.
  6. Toista prosessi tarvittaessa.

Näin muutosten vaikutukset voidaan nähdä selkeästi.

Yhteenveto

Tarpeettomat JavaScript- ja CSS-tiedostot ovat yksi yleisimmistä WordPress-sivustojen suorituskykyongelmista. Monet lisäosat ja teemat lataavat resursseja kaikille sivuille, vaikka niitä tarvittaisiin vain tietyissä osioissa. Tämä kasvattaa sivukokoa, lisää HTTP-pyyntöjä ja hidastaa käyttäjäkokemusta.

Työkaluilla kuten Asset CleanUp, Perfmatters, Query Monitor ja GTmetrix voidaan tunnistaa turhat resurssit ja estää niiden lataaminen. Kun skriptit ladataan vain siellä missä niitä todella tarvitaan, WordPress-sivusto toimii nopeammin, käyttää vähemmän palvelinresursseja ja saavuttaa parempia tuloksia sekä käyttäjäkokemuksessa että hakukoneoptimoinnissa.

🍪