@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.

Tiivistelmä
Miksi tarpeettomat skriptit hidastavat sivustoa?

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

Yleinen ongelma: lisäosat lataavat tiedostoja kaikkialla

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

Selvitä mitä skriptejä sivusto lataa

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

Asset CleanUp helpottaa skriptien hallintaa

Yksi suosituimmista ratkaisuista on Asset CleanUp -lisäosa....

Perfmatters tarjoaa kevyen ratkaisun

Perfmatters on toinen suosittu optimointityökalu....

WooCommerce-skriptien hallinta

WooCommerce lataa oletuksena useita skriptejä koko sivustolla....

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

Kaikkien lisäosien ei tarvitse olla aktiivisia kaikilla sivuilla....

Poista WordPressin oletustoimintoja

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

Vältä tarpeettomia ulkoisia skriptejä

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

Lataa skriptit viiveellä

Kaikkia skriptejä ei tarvitse suorittaa heti sivun latautuessa....

Tarkista Core Web Vitals -mittarit

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

Milloin skriptejä ei pidä poistaa?

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

Hyvä optimointijärjestys

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

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...

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.

🍪

🛡️ Evästeet

Moderni tietosuojakeskus ja evästehallinta.
harrasteblogi.online · Versio 60000.0.0

Mitä evästeet ovat?

Evästeiden yleinen määritelmä

Evästeet ovat pieniä tekstitiedostoja, jotka verkkosivustot tallentavat käyttäjän laitteelle, kuten tietokoneelle, tabletille tai älypuhelimelle, verkkoselaimen välityksellä. Niiden tarkoituksena on helpottaa verkkosivustojen käyttöä, parantaa käyttäjäkokemusta sekä mahdollistaa sivuston tekninen toiminta. Evästeet ovat olennainen osa nykyaikaisia verkkopalveluja, sillä niiden avulla sivustot voivat tunnistaa käyttäjän ja muistaa hänen asetuksensa eri vierailukertojen välillä.

Miten evästeet toimivat?

Kun käyttäjä vierailee verkkosivustolla ensimmäistä kertaa, sivusto voi tallentaa selaimeen evästeen. Seuraavilla käyntikerroilla selain lähettää evästeen takaisin sivustolle, jolloin sivusto tunnistaa käyttäjän tai hänen aiemmat valintansa. Tämän ansiosta esimerkiksi kirjautumistiedot, kieliasetukset tai ostoskorin sisältö voidaan säilyttää käyttäjän seuraavaa vierailua varten.

Välttämättömät evästeet

Välttämättömät evästeet ovat tarpeen verkkosivuston perustoimintojen mahdollistamiseksi. Niiden avulla käyttäjä voi esimerkiksi kirjautua palveluun, käyttää suojattuja alueita tai lisätä tuotteita ostoskoriin. Ilman näitä evästeitä verkkosivusto ei välttämättä toimi tarkoitetulla tavalla.

Toiminnalliset evästeet

Toiminnalliset evästeet parantavat käyttökokemusta muistamalla käyttäjän valintoja ja asetuksia. Tällaisia voivat olla esimerkiksi kielivalinnat, sijaintiin liittyvät asetukset tai muut henkilökohtaiset mieltymykset. Näiden evästeiden avulla verkkosivusto voi tarjota käyttäjälle yksilöllisemmän ja sujuvamman käyttökokemuksen.

Analytiikkaevästeet

Analytiikkaevästeiden avulla kerätään tietoa verkkosivuston käytöstä. Ne auttavat sivuston ylläpitäjää ymmärtämään, miten kävijät käyttävät palvelua, mitkä sivut ovat suosituimpia ja miten sivuston toimivuutta voidaan kehittää. Kerätty tieto on yleensä koottua eikä sitä käytetä yksittäisten käyttäjien tunnistamiseen.

Markkinointi- ja kohdennusevästeet

Markkinointievästeitä käytetään käyttäjän kiinnostuksen kohteisiin perustuvan mainonnan näyttämiseen. Ne voivat seurata käyttäjän toimintaa eri verkkosivustoilla ja auttaa tarjoamaan sisältöä sekä mainoksia, jotka vastaavat paremmin käyttäjän tarpeita ja kiinnostuksen kohteita. Näitä evästeitä voivat asettaa myös kolmannet osapuolet, kuten mainosverkostot tai sosiaalisen median palvelut.

Evästeiden hallinta

Käyttäjällä on mahdollisuus hallita evästeiden käyttöä. Useimmat verkkoselaimet tarjoavat asetuksia, joiden avulla evästeitä voidaan hyväksyä, rajoittaa tai poistaa kokonaan. Lisäksi monet verkkosivustot tarjoavat evästeasetuksia, joiden kautta käyttäjä voi valita, mitä evästekategorioita hän haluaa hyväksyä.

Yksityisyys ja tietosuoja

Evästeiden käytössä on tärkeää huomioida käyttäjän yksityisyys ja henkilötietojen suoja. Verkkosivustojen tulee kertoa avoimesti evästeiden käytöstä sekä tarvittaessa pyytää käyttäjän suostumus ennen muiden kuin välttämättömien evästeiden tallentamista. Näin varmistetaan läpinäkyvä ja luotettava verkkopalvelun käyttö.

Välttämättömät evästeet ovat verkkosivuston toiminnan kannalta olennaisia evästeitä, jotka mahdollistavat sivuston perustoiminnot ja turvallisen käytön. Ilman näitä evästeitä verkkosivusto ei pysty toimimaan asianmukaisesti, eikä käyttäjä välttämättä voi hyödyntää kaikkia palvelun ominaisuuksia.

Näitä evästeitä käytetään esimerkiksi käyttäjän istunnon ylläpitämiseen, kirjautumisen hallintaan, tietoturvan varmistamiseen sekä lomakkeiden ja ostoskorien toiminnan mahdollistamiseen. Välttämättömät evästeet auttavat myös tunnistamaan käyttäjän saman istunnon aikana, jotta sivuston eri osat toimivat saumattomasti.

Koska välttämättömät evästeet ovat tarpeellisia verkkosivuston teknisen toiminnan kannalta, niitä ei yleensä voida poistaa käytöstä verkkosivuston evästeasetuksista. Käyttäjä voi kuitenkin estää evästeiden tallentamisen selaimen asetuksista, mutta tämä saattaa heikentää sivuston toimivuutta tai estää joidenkin palveluiden käytön kokonaan.

Välttämättömiä evästeitä ei käytetä markkinointitarkoituksiin, eikä niiden avulla yleensä seurata käyttäjän toimintaa eri verkkosivustojen välillä. Niiden ensisijaisena tarkoituksena on varmistaa verkkopalvelun turvallinen, luotettava ja tehokas toiminta käyttäjän hyväksi.

Analytiikkaevästeitä käytetään verkkosivuston käytön mittaamiseen ja analysointiin. Niiden avulla kerätään tietoa esimerkiksi kävijämääristä, suosituimmista sivuista, sivustolla vietetystä ajasta sekä siitä, miten käyttäjät liikkuvat verkkosivuston eri osioiden välillä. Kerättyjen tietojen avulla verkkosivuston ylläpitäjä voi arvioida palvelun toimivuutta ja kehittää sitä vastaamaan paremmin käyttäjien tarpeita.

Analytiikkaevästeiden keräämä tieto on yleensä koottua ja anonymisoitua, eikä sitä käytetä yksittäisen käyttäjän tunnistamiseen ilman erillistä perustetta. Tietojen avulla voidaan esimerkiksi tunnistaa teknisiä ongelmia, parantaa sivuston käytettävyyttä sekä seurata uusien ominaisuuksien toimivuutta.

Verkkosivustot voivat käyttää analytiikkapalveluita, kuten Google Analyticsia tai vastaavia työkaluja, jotka hyödyntävät evästeitä kävijätilastojen muodostamiseen. Näiden palveluiden avulla saadaan arvokasta tietoa sivuston suorituskyvystä ja käyttäjäkokemuksesta.

Analytiikkaevästeiden käyttö perustuu yleensä käyttäjän antamaan suostumukseen. Käyttäjä voi hyväksyä tai hylätä analytiikkaevästeet evästeasetuksissa sekä muuttaa valintojaan myöhemmin. Analytiikkaevästeiden estäminen ei yleensä vaikuta verkkosivuston perustoimintoihin, mutta se voi rajoittaa sivuston ylläpitäjän mahdollisuuksia kehittää palvelua käyttäjien tarpeiden mukaisesti.

Markkinointievästeitä käytetään käyttäjälle näytettävän sisällön ja mainonnan kohdentamiseen. Näiden evästeiden avulla voidaan kerätä tietoa käyttäjän kiinnostuksen kohteista, verkkosivuston käytöstä sekä vuorovaikutuksesta eri verkkopalveluiden kanssa. Tavoitteena on tarjota käyttäjälle mahdollisimman relevantteja mainoksia ja markkinointiviestejä.

Markkinointievästeet voivat seurata käyttäjän toimintaa useilla verkkosivustoilla ja luoda tietoa käyttäjän kiinnostuksen kohteista. Tämän tiedon perusteella käyttäjälle voidaan näyttää hänen oletettuihin mieltymyksiinsä perustuvaa mainontaa esimerkiksi verkkosivustoilla, sosiaalisen median palveluissa tai hakukoneissa.

Näitä evästeitä voivat asettaa sekä verkkosivuston omistaja että kolmannet osapuolet, kuten mainosverkostot, analytiikkapalvelut tai sosiaalisen median alustat. Kolmannen osapuolen evästeiden avulla voidaan myös mitata markkinointikampanjoiden tehokkuutta ja seurata, kuinka käyttäjät reagoivat mainoksiin.

Markkinointievästeiden käyttö edellyttää yleensä käyttäjän nimenomaista suostumusta. Käyttäjä voi hyväksyä tai hylätä markkinointievästeet evästeasetusten kautta sekä muuttaa valintojaan milloin tahansa. Markkinointievästeiden estäminen ei vaikuta verkkosivuston perustoimintoihin, mutta se voi vähentää käyttäjälle näytettävän mainonnan yksilöllisyyttä ja osuvuutta.

Verkkosivusto sitoutuu käsittelemään evästeiden avulla kerättyjä tietoja voimassa olevan tietosuojalainsäädännön mukaisesti sekä huolehtimaan siitä, että käyttäjälle annetaan riittävät tiedot evästeiden käytöstä ja niiden tarkoituksista.

Verkkosivuston evästeiden käyttöön sovelletaan voimassa olevaa tietosuoja- ja yksityisyydensuojalainsäädäntöä. Tärkeimpiä säädöksiä ovat Euroopan unionin yleinen tietosuoja-asetus (GDPR), sähköisen viestinnän tietosuojasääntelyyn perustuva ePrivacy-lainsäädäntö sekä Kalifornian kuluttajansuojalaki (CCPA) ja sen täydennykset.

GDPR (General Data Protection Regulation)

GDPR on Euroopan unionin tietosuoja-asetus, joka säätelee henkilötietojen käsittelyä. Mikäli evästeiden avulla kerätty tieto voidaan yhdistää tunnistettuun tai tunnistettavissa olevaan henkilöön, sitä käsitellään henkilötietona. GDPR edellyttää, että henkilötietojen käsittelylle on laillinen peruste, kuten käyttäjän suostumus tai oikeutettu etu. Käyttäjällä on myös oikeus saada tietoa henkilötietojensa käsittelystä sekä käyttää tietosuoja-asetuksen mukaisia oikeuksiaan.

ePrivacy-lainsäädäntö

ePrivacy-sääntely täydentää GDPR:ää ja koskee erityisesti sähköisen viestinnän luottamuksellisuutta sekä evästeiden käyttöä. Sen mukaan verkkosivuston on pääsääntöisesti pyydettävä käyttäjän suostumus ennen muiden kuin välttämättömien evästeiden tallentamista käyttäjän laitteelle. Käyttäjälle on annettava selkeät tiedot evästeiden käyttötarkoituksista sekä mahdollisuus hyväksyä tai hylätä evästeet.

CCPA (California Consumer Privacy Act)

CCPA on Kalifornian osavaltiossa sovellettava tietosuojalaki, joka antaa kuluttajille oikeuden tietää, mitä henkilötietoja heistä kerätään, miten tietoja käytetään ja luovutetaan sekä mahdollisuuden vastustaa henkilötietojen myyntiä tai jakamista tietyissä tilanteissa. CCPA:n piirissä olevien organisaatioiden tulee tarjota käyttäjille läpinäkyvää tietoa tietojen käsittelystä ja mahdollistaa lain mukaisten oikeuksien käyttäminen.

Käyttäjän oikeudet

Sovellettavan lainsäädännön mukaisesti käyttäjällä voi olla oikeus:

  • saada tietoa henkilötietojen käsittelystä;
  • tarkastaa itseään koskevat tiedot;
  • pyytää virheellisten tietojen oikaisemista;
  • pyytää henkilötietojen poistamista tietyissä tilanteissa;
  • rajoittaa henkilötietojen käsittelyä;
  • vastustaa henkilötietojen käsittelyä;
  • peruuttaa aiemmin antamansa suostumus milloin tahansa; sekä
  • tehdä valitus toimivaltaiselle valvontaviranomaiselle.

Verkkosivusto pyrkii varmistamaan, että evästeiden käyttö ja henkilötietojen käsittely tapahtuvat läpinäkyvästi, turvallisesti ja voimassa olevan lainsäädännön mukaisesti.