Hidas sivusto menettää kävijän ennen kuin hän on nähnyt, mitä myyt. Ei siksi, että ihmiset olisivat kärsimättömiä, vaan siksi, että toinen välilehti on aina olemassa. Ja koska Google ottaa nopeuden huomioon, se maksaa kahdesti: ensin kävijöinä, sitten sijoituksina.
Mitä ”hidas” oikeasti tarkoittaa
Google mittaa kolmea asiaa, Core Web Vitals -arvoja:
- LCP — kuinka kauan kestää, ennen kuin näytön suurin elementti on paikallaan. Yleensä otsikko tai pääkuva.
- INP — kuinka nopeasti sivu reagoi, kun kosketat jotain.
- CLS — hyppiikö sivu sormen alla latautuessaan. Siksi osut väärään painikkeeseen.
Voit mitata ne itse: avaa sivusto Chromessa, F12, Lighthouse-välilehti, mobiili. Minuutti, eikä maksa mitään.
Miksi sivustot ovat hitaita
Lähes koskaan pelkkien kuvien takia. Yleensä kerrosten takia, joita kukaan ei enää huomaa:
- Teema, joka osaa kaiken. Käytät kymmenesosan; kävijä lataa kokonaisuuden.
- Liitännäiset, jotka paikkaavat toisiaan. Lomakeliitännäinen, välimuistiliitännäinen sitä kompensoimaan ja liitännäinen hallitsemaan välimuistiliitännäistä.
- Seurantapikselit. Jokainen niistä on uusi yhteys palvelimeen, joka ei ole sinun — usein ennen kuin oma tekstisi näkyy.
- Fontit. Neljä leikkausta kahdesta perheestä, kaikki ladattuna ennen kuin ruudulla on yhtään sanaa.
- Karusellit ja videot heti yläreunassa. Raskain elementti saa jonossa ensimmäisen paikan.
Mikä täällä on toisin
Tämän sivuston jokainen sivu rakennetaan valmiiksi tavalliseksi HTML:ksi. Kehyksen JavaScript poistetaan buildin jälkeen; jäljelle jää yksi pieni skripti animaatioita varten. Seurantaa ei ole, joten evästebanneriakaan ei ole.
Tulos on mitattavissa, eikä sinun tarvitse uskoa minua: aja Lighthouse tälle sivulle. Juuri siksi rakennan näin — nopeutta myyvän studion on näytettävä se.
Mitä voit tehdä tänään ilman uutta sivustoa
- Pienennä kuvat. 4 000 pikseliä leveä kuva 800 pikselin paikassa on 25-kertainen määrä dataa.
- Laske seurantapikselit. Montako niitä on, ja mitä teet datalla? Jos vastaus on ”en mitään”, poista ne.
- Karsi liitännäiset. Kaikki, mitä asensit viime vuonna etkä ole avannut.
- Korvaa yläreunan video kuvalla ja toistopainikkeella.
Nämä ovat halvat metrit. Jos sivusto on niiden jälkeenkin hidas, ongelma on perustuksissa, ja silloin uudelleenrakentaminen on halvempaa kuin loputon paikkailu.
Rakennustavasta on lisää verkkosivujen sivulla. Ja jos mietit, miksi sivustosi ei näy Googlessa: se on eri tarkistus.