Miks on lehekiirus kriitiline? Kuidas enda omi testida ja parandada

Miks on lehekiirus kriitiline?

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:

Lehe kiirus ja põrkemäärad

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:

Digitaalreklaamide kulutamine aastatel 2017–2022

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:

Mobiil ületab töölaua vaatamiste graafikut

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:

Kiirendatud mobiililehed (AMP)

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

AMP kiirendatud mobiililehe valideerimine

Kiirendatud mobiililehe (AMP) valideerimine

Revolutsiooniline kuuldeaparaadiettevõte Eargo on pärast AMP rakendamist oma klõpsamisjärgses kasutuskogemuses uskumatuid tulemusi:

AMP sihtlehed Instapage'i poolt

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:

lehekülje kiiruse ülevaade

Hinded põhinevad kahel parameetril:

  1. Aeg lehe ülaosa laadimiseni (kogu aeg, mil leht kuvatakse lehe sisu lehe kohal pärast seda, kui kasutaja taotleb uut lehte)
  2. 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:

mõtle google abil minu saiti testima

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

Kasutaja saidi kiiruse tajumise parandamine 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.

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.