Pse ka rëndësi shpejtësia e faqes
Si të matni ngarkimin, reagimin dhe qëndrueshmërinë e faqes, pastaj të hiqni vonesat që pengojnë vizitorët.
Pjesë e serisë: Bazat e Faqes
Pjesa 1 / 5
Përmbajtja
Një menu që hapet me vonesë ose një buton rezervimi që zhvendoset sapo e prekni mund të ndërpresë një blerje. Performanca e faqes lidhet me këto momente: kur bëhet i lexueshëm teksti, sa shpejt reagojnë butonat dhe nëse përmbajtja qëndron në vend gjatë ngarkimit.
Nuk ka një përqindje të vetme që tregon sa klientë humbni për çdo sekondë vonesë. Matni faqen tuaj dhe filloni me pjesët ku vizitorët kontaktojnë, rezervojnë ose blejnë.
Çfarë duhet të matni
Treguesit aktualë të Core Web Vitals janë LCP, INP dhe CLS. INP zëvendësoi treguesin e vjetër FID në vitin 2024.
| Treguesi | Çfarë mat | Pragu i mirë |
|---|---|---|
| LCP, Largest Contentful Paint | Kur shfaqet elementi më i madh i dukshëm i përmbajtjes | Deri në 2,5 sekonda |
| INP, Interaction to Next Paint | Sa shpejt shfaqet përgjigjja ndaj një veprimi | Deri në 200 milisekonda |
| CLS, Cumulative Layout Shift | Zhvendosjet e papritura të elementeve | Deri në 0,1 |
Vlerësimi bëhet në percentilin e 75-të të vizitave, veçmas për celularë dhe kompjuterë. Shihni udhëzimin e Google për Web Vitals.
Si t’i lexoni rezultatet
PageSpeed Insights mund të tregojë të dhëna nga vizitorët realë dhe rezultate nga një test i simuluar me Lighthouse. Faqet me pak trafik mund të mos kenë të dhëna të mjaftueshme nga vizitorët. Rezultati i Lighthouse ndihmon në gjetjen e problemeve, por nuk përshkruan çdo vizitë dhe nuk parashikon renditjen në Google.
Kontrolloni edhe faqet e produkteve, shërbimeve dhe kontaktit. Një faqe me shumë fotografi mund të sillet ndryshe nga faqja kryesore. Provojeni edhe në telefon me internet celular.
Nga t’ia filloni
- Imazhet: përshtatni përmasat, kompresojini dhe zgjidhni formatin e duhur. Imazhet më poshtë mund të ngarkohen kur afrohen në ekran; imazhi kryesor duhet të ngarkohet pa vonesë të panevojshme.
- JavaScript: hiqni skriptet që nuk përdoren dhe shtyni ngarkimin e mjeteve dytësore, si biseda ose kalendari i rezervimeve.
- Paraqitja: rezervoni hapësirën e imazheve dhe elementeve të integruara që teksti të mos zhvendoset.
- Fontet dhe stilet: ngarkoni vetëm ato që nevojiten. Mos e fshihni përmbajtjen pas një animacioni hyrës.
- Ruajtja në cache: ripërdorni skedarët e pandryshuar, duke siguruar që përditësimet të arrijnë te vizitorët.
Hugo mund të zvogëlojë punën në server, por imazhet e mëdha dhe skriptet e rënda ngadalësojnë edhe një faqe statike.
Pas çdo ndryshimi, përsëritni të njëjtin test dhe kontrolloni formularët e navigimin. Na dërgoni faqen tuaj nëse doni ndihmë për të gjetur vonesat kryesore.