Miks on lehekiirus kriitiline? Kuidas enda omi testida ja parandada
Enamik saite kaotab aeglase lehekiiruse tõttu umbes poole külastajatest. Tegelikult keskmine töölaua veebileht tagasilöögimäär on 42%, keskmine mobiiliveebi lehtede tagasipõrkemäär on 58% ja keskmine klõpsamisjärgne sihtlehe põrkemäär on vahemikus 60–90%. Mitte mingil juhul ei meelita numbreid, eriti kui arvestada, et mobiilikasutus kasvab jätkuvalt ning tarbijate tähelepanu tõmbamine ja hoidmine on iga päevaga raskem.
Google'i andmetel on lehe keskmine lehe laadimisaeg peamised sihtlehedon ikka a loid 12.8 sekundit. See hõlmab ka kohti, kus mobiilse Interneti-ühendus on levinud ja 4G kiirus on üks suurimaid kogu maailmas.
See keskmine lehekiirus on liiga pikk, kui arvestada, et 53% kasutajatest loobub lehtedest vaid 3 sekundi pärast - ja sealt läheb see ainult hullemaks:
Mis on siis hea lehe laadimiskiirus? Kohe-kohe.
Õnneks on lahendus olemas. Enne kui selleni jõuame, avastame lähemalt lehekiiruse olulisuse.
Miks on lehekiirus oluline
eMarketer näitab, et 2019. aastal ülemaailmsed digitaalsete reklaamide kulutused ületavad 316 dollarit miljard ja eeldatavasti suureneb see lähitulevikus:
On selge, et brändid kulutavad reklaamidele tohutuid summasid ja loodavad oma eelarvest maksimumi võtta. Kuid kui inimesed klikivad reklaamil - ja klõpsamise järgne sihtleht laadimine ebaõnnestub - tõenäoliselt klõpsatakse mõne sekundi jooksul tagasi ja seetõttu kulub reklaamijate eelarve raisku.
Lehekülgede kiiruse kulumõju on tohutu ja te peaksite absoluutselt muutma lehe kiiruse prioriteetseks. Siin on mõned mõõdikud ja punktid, mida oma digitaalsete reklaamikampaaniate hindamisel arvesse võtta:
Kvaliteediskoorid
Aeglane lehelaadimine ei petta kasutajaid mitte ainult, vaid põhjustab ka kvaliteediskooride kannatamist. Kuna kvaliteediskoor on otseselt seotud teie omadega reklaamiasetusja lõpuks, mida võiksite maksta iga kliki eest, vähendab aeglaselt laaditav leht skoore loomulikult.
Konversioonimäärad
Kui teie lehe laadimist oodates jääb ringi vähem inimesi, saab vähem inimesi võimaluse konverteerimiseks. Nad hülgavad teie lehe, enne kui näevad isegi teie pakkumist, eeliseid, kutset tegevusele jne.
Näiteks jaekaubanduses on isegi a ühe sekundi viivitus mobiilse laadimise ajal võib konversioonimäärasid mõjutada kuni 20%.
Mobiilne kogemus
2016. aasta poole peal on mobiiliveebi kasutamine möödus töölaua liiklus mahult:
Tarbijate kulutustega rohkem aega mobiilis, turundajad ja reklaamijad olid (ja on siiani) sunnitud kohanema. Üks viis toimetada mobiilile optimeeritud kampaaniad on kiiresti laaditavate lehtede loomine.
Mis viib meid lehe kiiruse lahenduse nr 1 juurde, mis käsitleb kõiki neid probleeme.
AMP sihtlehed suurendavad lehekiirust
AMP, avatud lähtekoodiga raamistik tutvustatud 2016. aastal, pakub reklaamijatele võimalust luua välkkiireid ja sujuvalt laaditavaid mobiiliveebilehti, mis seavad esikohale kasutajakogemuse.
AMP-lehed on reklaamijatele atraktiivsed, kuna nende laadimisaeg on peaaegu kohene, toetades siiski ka stiili ja kaubamärgi kohandamist. Need võimaldavad kiiremat klikijärgset sihtlehe renderdamist, kuna need piiravad HTML / CSS-i ja JavaScripti. Samuti, erinevalt traditsioonilistest mobiililehtedest, salvestab Google AMP vahemälu AMP-lehed automaatselt vahemällu, et Google'i otsingus kiiremini laadida.
Klõpsamisjärgse optimeerimise liidrina pakub Instapage võimalust luua AMP raamistiku abil klõpsujärgsed sihtlehed:
Koos Instapage AMP-i ehitaja, turundajad ja reklaamijad saavad:
- Looge AMP-i klõpsamisjärgsed sihtlehed otse Instapage'i platvormilt, ilma arendajata
- Kinnitage, A / B-test ja avaldage AMP-lehed WordPressis või kohandatud domeenis
- Pakkuge paremaid mobiilikogemusi, suurendage kvaliteediskoore ja suurendage konversioonide arvu
Revolutsiooniline kuuldeaparaadiettevõte Eargo on pärast AMP rakendamist oma klõpsamisjärgses kasutuskogemuses uskumatuid tulemusi:
AMP maandumislehed Instapage'iga
Lisaks Instapage'iga AMP-lehtede loomisele on lehe kiiruse parandamiseks veel mitu võimalust. Siin on kolm neist alustamiseks.
3 muud viisi lehekiiruse parandamiseks
1. Kasutage lehekiiruse tööriistu
PageSpeed Insights on Google'i kiirustest, mis annab teie lehele 0–100 punkti:
Hinded põhinevad kahel parameetril:
- Aeg lehe ülaosa laadimiseni (kogu aeg, mil leht kuvatakse lehe sisu lehe kohal pärast seda, kui kasutaja taotleb uut lehte)
- Aeg kogu lehe laadimiseni (aeg, mis kulub brauseril lehe täielikuks renderdamiseks pärast seda, kui kasutaja seda taotleb)
Mida kõrgem on teie skoor, seda paremini on teie leht optimeeritud. Rusikareeglina näitab kõik, mis ületab 85, et teie leht toimib hästi. Alla 85 ja peaksite oma skoori tõstmiseks uurima Google'i soovitusi.
PageSpeed Insights pakub aruandeid nii teie lehe töölaua- kui ka mobiiliversioonide kohta ning pakub ka soovitusi täiustamiseks.
Mõelge Google'iga: testige minu saiti, mille käivitas PageSpeed Insights'i meeskond, testib ainult mobiilsete lehtede kiirust, erinevalt nii mobiilsetest kui ka lauaarvutitest. See on veel üks näitaja selle kohta, kui kiiresti (või aeglaselt) teie lehti laaditakse:
See tööriist kuvab teie laadimisaja, annab kohandatud soovitusi saidi iga lehe kiirendamiseks ja pakub seejärel täieliku aruande loomise võimalust.
2. Täielikult optimeeritud pildid (tihendamine)
Piltide optimeerimine tihendamise, suuruse muutmise, vormindamise jms abil aitab säästa baiti, kiirendada lehe laadimisaega ja parandada mobiilisaidi toimivust. Nende hulgas muud parimad soovitused, Ütleb Google, et eemaldage tarbetud suure eraldusvõimega pildid ja GIF-failid ning asendage pildid võimaluse korral teksti või CSS-iga.
Lisaks on tihendatud ja suurusega piltide serveerimine nüüd lihtsam kui kunagi varem, kuna neid sätteid saab automatiseerida. Näiteks võite lasta sadu pilte skripti abil suurust muuta ja tihendada, vähendades käsitsi tööd (AMP-lehtede loomisel muudavad kohandatud pildimärgendid paljud neist samadest optimeerimistest automaatselt).
Optimaalse pildivormingu valimine võib olla keeruline, kui saadaval on nii palju võimalusi. Kõik sõltub kasutusjuhtumist, kuid siin on mõned kõige tavalisemad:
- Veebileht: Fotograafilised ja poolläbipaistvad pildid
- JPEG: Fotod, millel puudub läbipaistvus
- PNG: Läbipaistev taust
- svg: Skaleeritavad ikoonid ja kujundid
Google soovitab alustada WebP-ga, kuna see võimaldab tihendada 30% rohkem kui JPEG, ilma et see kaotaks pildikvaliteeti.
3. Pange esikohale lehe ülaosa sisu
Parandada oma kasutaja arusaama saidi kiirusest on peaaegu sama oluline kui saidi kiiruse enda parandamine. Seetõttu peate pärast piltide optimeerimist tagama, et need edastataks täpselt õigel hetkel.
Mõelge sellele: mobiilseadmes on saidi nähtav osa piiratud väikese alaga, voldiku kohal. Selle tulemusena on teil võimalus selle ala sisu kiiresti laadida, samal ajal kui teised voldi all olevad elemendid laaditakse alla taustale.
Märkus. AMP teeb ainulaadseks see, et sellel on sisseehitatud ressursside laadimise prioriteet, mis tagab, et kõigepealt laaditakse alla ainult kõige olulisemad ressursid.
Saidil olevate piltide arvu vähendamine võib olla väljakutse - eriti jaekaubamärkide puhul, näiteks paljude toodete puhul -, kuid siiski on kriitiline, et nende kolme taktikaga vähemalt minimeerida piltide mõju laadimisajale.
Suurendage AMP abil oma lehekiirust
Kui teie mobiililehtedel on lehtede aeglase laadimiskiiruse tõttu kõrge tagasilöögimäär ja madal konversioonimäär, võivad AMP-lehed olla teie säästmiseks.
Alustage klõpsamisjärgsete AMP-lehtede loomist, et pakkuda külastajatele kiiret, optimeeritud ja asjakohast mobiilse sirvimise kogemust ning parandada oma kvaliteediskoore ja konversioone.