Yksi yleisimmist\u00e4 asioista, joita kuulen asiakkaalta ensimm\u00e4isess\u00e4 tapaamisessa: ”Kotisivummehan ovat aivan hienot, mutta miksi olemme Googlessa niin kaukana?” Vastaus alkaa usein sielt\u00e4, minne omistaja itse ei koskaan katso \u2013 latausnopeudesta. WordPressin nopeus ei ole tekninen yksityiskohta jossain kehitt\u00e4j\u00e4n laatikossa. Se on suora rivi hakutulostaulukossasi ja myyntiluvuissasi. T\u00e4ss\u00e4 artikkelissa puran, miten n\u00e4m\u00e4 kolme asiaa \u2013 latausaika, Googlen sijoitus ja s\u00e4\u00e4nn\u00f6llinen yll\u00e4pito \u2013 liittyv\u00e4t toisiinsa ja mit\u00e4 voidaan tehd\u00e4, jotta asiat liikkuisivat oikeaan suuntaan. <\/p>\n\n
Googlen omasta Think With Google -tutkimuksesta<\/a> paljastuu yksi eritt\u00e4in ep\u00e4miellytt\u00e4v\u00e4 luku: jos mobiilisivun latausaika pitenee 1 sekunnista 3 sekuntiin, todenn\u00e4k\u00f6isyys sille, ett\u00e4 k\u00e4vij\u00e4 poistuu ennen sivun avautumista, kasvaa 32 %<\/strong>. Kuusi sekuntia? 106 %<\/strong> nousu. Kymmenen sekuntia? 123 %<\/strong>. <\/p>\n\n Lukekaa t\u00e4m\u00e4 uudelleen. Voitte k\u00e4ytt\u00e4\u00e4 kuukaudessa 400 \u20ac Facebook-mainontaan, saada sielt\u00e4 satakunta klikkausta ja menett\u00e4\u00e4 niist\u00e4 kolmanneksen ennen kuin he edes n\u00e4kev\u00e4t, mit\u00e4 myytte. Ei hinnan vuoksi, ei huonon kuvan vuoksi \u2013 vaan siksi, ett\u00e4 sivu latautuu sekunnin kauemmin kuin sen pit\u00e4isi. <\/p>\n\n Ettek\u00e4 te tied\u00e4 sit\u00e4. Koska omassa selaimessanne sivu on jo v\u00e4limuistissa \u2013 se avautuu teille hetkess\u00e4. Asiakas n\u00e4kee sen ensimm\u00e4ist\u00e4 kertaa. Puhelimellaan. 4G-verkossa. Peukalo jo takaisin-painikkeella. <\/p>\n\n Google lis\u00e4si virallisesti Core Web Vitals<\/strong> -arvot hakusijoituskriteereihins\u00e4. Se on kolmen luvun kokonaisuus, joka kertoo, tuntuuko sivunne k\u00e4ytt\u00e4j\u00e4st\u00e4 nopealta vai ei. <\/p>\n\n LCP (Largest Contentful Paint)<\/strong> \u2013 kuinka nopeasti suurin elementti ilmestyy n\u00e4yt\u00f6lle. Yleens\u00e4 otsikkokuva tai suuri tekstilohko. Hyv\u00e4 tulos: alle 2,5 sekuntia. <\/p>\n\n INP (Interaction to Next Paint)<\/strong> \u2013 kuinka nopeasti sivu reagoi, kun asiakas painaa jotakin. Hyv\u00e4 tulos: alle 200 millisekuntia. <\/p>\n\n CLS (Cumulative Layout Shift)<\/strong> \u2013 kuinka paljon sis\u00e4lt\u00f6 ”hyppii” n\u00e4yt\u00f6ll\u00e4 latauksen aikana. Tied\u00e4tte tunteen \u2013 aiotte painaa painiketta, mutta viime hetkell\u00e4 mainos liukuu eteen ja klikkaatte v\u00e4\u00e4r\u00e4\u00e4n kohtaan. Hyv\u00e4 tulos: alle 0,1. <\/p>\n\n N\u00e4m\u00e4 kolme lukua voitte tarkistaa itse ilmaiseksi \u2013 PageSpeed Insights<\/a> -sivulla sy\u00f6t\u00e4tte URL-osoitteenne ja saatte raportin. Suosittelen tekem\u00e4\u00e4n sen heti t\u00e4m\u00e4n artikkelin lukemisen j\u00e4lkeen, sill\u00e4 omat luvut tekev\u00e4t muusta tekstist\u00e4 paljon konkreettisempaa. <\/p>\n\n Jos kaikki kolme ovat vihre\u00e4ll\u00e4 vy\u00f6hykkeell\u00e4, Googlella on v\u00e4hemm\u00e4n syit\u00e4 pudottaa teit\u00e4 hakutulosten takasivuille. Jos eiv\u00e4t ole \u2013 kilpailette vaikeutetuissa olosuhteissa, vaikka sis\u00e4lt\u00f6 olisi todellisuudessa parempaa kuin kilpailijan. <\/p>\n\n Tuore WordPress-asennus on yleens\u00e4 melko nopea. Ongelma syntyy kuukausien ja vuosien kuluessa, jos kukaan ei pid\u00e4 sit\u00e4 aktiivisesti kunnossa. Olen tarkistanut satoja virolaisia WordPress-sivustoja, ja kaavat ovat aina samat. <\/p>\n\n Lis\u00e4osat kertyv\u00e4t.<\/strong> Alun perin asennettiin 8 lis\u00e4osaa, nyt niit\u00e4 on 27. Puolta niist\u00e4 ei en\u00e4\u00e4 k\u00e4ytet\u00e4, mutta ne lataavat silti koodiaan jokaisen sivun avauksen yhteydess\u00e4. <\/p>\n\n Kuvat on ladattu suoraan puhelimesta.<\/strong> 4 megatavun JPG-tiedostot, jotka voisivat olla 200 kilotavun WebP-tiedostoja. Jos etusivulla on 15 t\u00e4llaista kuvaa, se tarkoittaa 60 megatavun latausta asiakkaalle. <\/p>\n\n Tietokanta on t\u00e4ynn\u00e4 roskaa.<\/strong> Jokainen artikkeli tallentaa automaattisesti versiohistoriaa, jokainen ladattu lis\u00e4osa j\u00e4tt\u00e4\u00e4 j\u00e4lkens\u00e4, jokainen poistettu k\u00e4ytt\u00e4j\u00e4 j\u00e4tt\u00e4\u00e4 ”orpoja” rivej\u00e4. Kymmeness\u00e4 vuodessa sinne kertyy useita satoja megatavuja, jotka jokaisen kyselyn on k\u00e4yt\u00e4v\u00e4 l\u00e4pi. <\/p>\n\n Vanha PHP-versio.<\/strong> Palvelimella on k\u00e4yt\u00f6ss\u00e4 PHP 7.4, vaikka PHP 8.2 olisi huomattavasti nopeampi samaan tarkoitukseen. Vain siksi, ettei hosting-palveluntarjoaja ole p\u00e4ivitt\u00e4nyt sit\u00e4 oletuksena eik\u00e4 kukaan ole painanut painiketta. <\/p>\n\n V\u00e4limuisti (cache) puuttuu.<\/strong> Palvelin rakentaa sivun tyhj\u00e4st\u00e4 jokaiselle k\u00e4vij\u00e4lle, vaikka 95 % sis\u00e4ll\u00f6st\u00e4 on kaikille samaa ja voisi olla valmiiksi valmisteltua. <\/p>\n\n Jokainen n\u00e4ist\u00e4 viidest\u00e4 ongelmasta voi yksin\u00e4\u00e4n lis\u00e4t\u00e4 latausaikaa sekunnin tai pari. Yhdess\u00e4 ne toimivat kuin lyijypainot \u2013 sivu latautuu, mutta vaivoin. <\/p>\n\n Jos yll\u00e4pitopaketti tarkoittaa teille vain sit\u00e4, ett\u00e4 ”p\u00e4ivitykset tehd\u00e4\u00e4n”<\/a>, maksatte hyvin v\u00e4h\u00e4n siit\u00e4, mit\u00e4 se todellisuudessa tekee. Kunnollinen kuukausittainen yll\u00e4pito huomioi nopeuden erillisen\u00e4 tarkistuslistana. <\/p>\n\n Omilla sivuillani se menee suunnilleen n\u00e4in: jokaisen kuukauden lopussa tarkistan PageSpeed Insights -tulokset molemmilta sivustoilta. Jos jokin luku on laskenut edelliseen kuukauteen verrattuna, alan etsi\u00e4 syyt\u00e4. Yleens\u00e4 se on joko uusi kuva, joka ladattiin optimoimattomana, tai p\u00e4ivitetty lis\u00e4osa, joka lis\u00e4si oman JavaScript-tiedostonsa. <\/p>\n\n Asiakasprojekteissa noudatetaan samaa logiikkaa. Kuukausittainen yll\u00e4pito tarkoittaa: <\/p>\n\n Er\u00e4\u00e4ll\u00e4 asiakkaalla, jonka kauppa latautui ennen yll\u00e4pidon aloittamista mobiililaitteella 6,4 sekuntia, latausaika on nyt 1,9 sekuntia. N\u00e4m\u00e4 luvut eiv\u00e4t ole p\u00e4\u00e4st\u00e4ni \u2013 ne ovat kuvakaappauksia PageSpeed Insights -raporteista, jotka minulla on tallessa molemmilta p\u00e4iv\u00e4m\u00e4\u00e4rilt\u00e4. Ja Google Search Console n\u00e4ytt\u00e4\u00e4 samalla ajanjaksolla merkitt\u00e4v\u00e4\u00e4 kasvua hakutulosten klikkausm\u00e4\u00e4riss\u00e4. Sama sis\u00e4lt\u00f6. Samat tuotteet. Sivu vain latautuu nopeammin ja Google palkitsee sen. <\/p>\n\n T\u00e4st\u00e4 on hyv\u00e4 olla tietoinen: nopeus yksin ei tuo asiakkaita. Mutta nopeus + hyv\u00e4 sis\u00e4lt\u00f6 + kunnollinen SEO = Google n\u00e4ytt\u00e4\u00e4 teid\u00e4t korkeammalla. Ja korkeampi sijoitus tuo asiakkaita. Siksi s\u00e4\u00e4nn\u00f6llinen verkkosivuston yll\u00e4pito<\/a> on minulle aina sidoksissa nopeuteen \u2013 ei vain turvallisuuteen ja p\u00e4ivityksiin. <\/p>\n\n Kolme vaihetta, jotka viev\u00e4t yhteens\u00e4 tunnin:<\/p>\n\n Ensimm\u00e4inen:<\/strong> avatkaa pagespeed.web.dev<\/a>, sy\u00f6tt\u00e4k\u00e4\u00e4 etusivunne URL-osoite ja katsokaa mobiilitulos. Ottakaa kuvakaappaus. Se on l\u00e4ht\u00f6pisteenne. <\/p>\n\n Toinen:<\/strong> kirjautukaa WordPressiin, menk\u00e4\u00e4 kohtaan Lis\u00e4osat<\/strong> ja katsokaa, kuinka monta niit\u00e4 on. Jokainen lis\u00e4osa, jota ette t\u00e4n\u00e4\u00e4n k\u00e4yt\u00e4, on turhaa painolastia. Poistakaa kaikki, joiden tarkoitusta ette osaa selitt\u00e4\u00e4. On t\u00e4rke\u00e4\u00e4 tehd\u00e4 verkkosivustosta varmuuskopio ennen p\u00e4ivityksi\u00e4.<\/strong> Jos jotain t\u00e4rke\u00e4\u00e4 tulee poistettua, voitte palauttaa sivuston v\u00e4litt\u00f6m\u00e4sti. <\/p>\n\n Kolmas:<\/strong> avatkaa yksi uusimmista blogikirjoituksistanne ja katsokaa, kuinka suuria kuvat ovat. Jos jokin on yli 500 kt, siin\u00e4 on heti mahdollisuus voittaa puoli sekuntia latausaikaa. Vanha video-opas kuvien pienent\u00e4misest\u00e4<\/a> on edelleen ajankohtainen. <\/p>\n\nMit\u00e4 Google tarkalleen ottaen mittaa<\/h2>\n\n
Miksi WordPress hidastuu ajan my\u00f6t\u00e4<\/h2>\n\n
Mit\u00e4 s\u00e4\u00e4nn\u00f6llinen yll\u00e4pito todellisuudessa tekee<\/h2>\n\n
\n
Mist\u00e4 aloittaa?<\/h2>\n\n