„Leht on aeglane“ on hinnang, mitte number. Enne kui kellelegi raha maksad, tasub teada, kui aeglane see täpselt on, mis seda aeglaseks teeb ja kui palju see sulle maksma läheb. Kõik kolm saad ise välja selgitada umbes veerand tunniga.
Kõigepealt mõõda, ära oleta
Sinu enda arvutis avaneb leht kiiresti, sest brauser on selle juba varem alla laadinud. Külastaja jaoks on olukord teine. Mõõda seda nii, nagu näeb esmakordne külastaja telefonis.
Ava PageSpeed Insights ja sisesta oma lehe aadress. Vaata ainult mobiilivaadet, sest sealt tuleb enamik liiklust. Kolm numbrit, mis loevad:
- LCP. Kui kaua läheb, enne kui suurim asi ekraanil nähtavale ilmub. Alla 2,5 sekundi on hea.
- CLS. Kui palju sisu laadimise ajal hüpleb. Alla 0,1 on hea.
- INP. Kui kiiresti leht klikile reageerib. Alla 200 ms on hea.
Kirjuta need kolm numbrit üles. Kui hakkad midagi parandama, saad pärast võrrelda.
Pildid on peaaegu alati süüdi
Enamikul aeglastest lehtedest on sama põhjus: keegi laadis üles telefonist tulnud pildi ja pani selle otse lehele. Selline fail on tihti 4–8 MB. Ekraanil kuvatakse seda 800 piksli laiuselt.
Kontrolli ise: tee lehel paremklõps, vali „Inspect“ ja ava Network. Laadi leht uuesti ja sorteeri failid suuruse järgi. Kui esimeses reas on pilt üle ühe megabaidi, on sul vastus käes.
Rusikareegel: ükski pilt lehel ei peaks olema üle 300 KB. Enamik saab hakkama 100 KB-ga, ilma et keegi vahet märkaks.
Lahendus on igav ja töötab: vähenda pilt õigesse mõõtu, salvesta WebP-vormingus ja lisa allpool asuvatele piltidele loading="lazy". Enamikus veebisüsteemides on see paari kliki kaugusel.
Liiga palju kolmanda osapoole skripte
Iga vidin lisab lehele koodi, mis tuleb kuskilt mujalt alla laadida. Vestlusaken, kaks analüütikat, soojuskaart, hüpikaken, sotsiaalmeedia vidin ja kolm reklaamipiksliit. Igaüks eraldi tundub väike. Koos on nad tihti pool laadimisajast.
Tee nimekiri kõigest, mis su lehele on lisatud. Iga rea juurde kirjuta, kes seda andmestikku viimase kuu jooksul vaatas. Mida sa ei oska nimetada, selle võid maha võtta.
Font, mis blokeerib teksti
Kui leht laadib kohandatud fonti valesti, jääb tekst hetkeks nähtamatuks. Külastaja vaatab tühja ekraani, kuigi tekst on tegelikult juba kohal.
Lahendus on üks rida: fondi laadimisel peab olema font-display: swap. Siis kuvatakse esmalt tavaline süsteemifont ja õige font vahetatakse sisse siis, kui ta kohale jõuab. Külastaja saab lugema hakata kohe.
Mis see sulle maksma läheb
Aeglane leht ei ole tehniline detail, vaid rahaline kadu, mida on lihtsalt raske näha. Inimene, kes lahkub enne lehe avanemist, ei jõua ühtegi statistikat sinu jaoks täita. Ta lihtsalt ei tule tagasi.
Kui sa ostad liiklust reklaamiga, on kadu topelt: maksid kliki eest ja kaotasid inimese enne, kui ta midagi nägi. Sama eelarve toob rohkem päringuid lihtsalt sellepärast, et vähem inimesi kaob ära vahepeal.
Mida saad ära teha juba täna
Järjekord, mis annab kõige rohkem tulemust kõige väiksema vaevaga:
- Mõõda PageSpeed Insightsiga ja kirjuta kolm numbrit üles.
- Leia kolm suurimat pilti ja tee need väiksemaks.
- Võta maha iga vidin, mille andmeid keegi ei vaata.
- Kontrolli, et fondil oleks font-display: swap.
- Mõõda uuesti ja võrdle.
Kui neli sammu on tehtud ja number on ikka halb, siis on probleem sügavamal: kas veebisüsteemis endas, serveris või lehe ülesehituses. Siis tasub keegi appi võtta. Aga alusta lihtsatest asjadest, sest tavaliselt on vastus seal.
Kui tahad, et keegi selle sinuga läbi teeks
Broneeri tasuta 30-minutiline kõne. Vaatame üle, mis sul praegu töötab, ja ütleme ausalt, kas siin on midagi võita. Kui ei ole, kuuled seda kõne ajal, mitte kolm päeva hiljem pakkumises.