Viteza paginii (Page Speed)

Viteza paginii, viteza de încărcare a unei pagini pe internet. Termenul acoperă întreaga durată, de la trimiterea solicitării către server la afișare.

Viteza paginii, viteza de încărcare a unei pagini pe internet

Termenul de viteza paginii (Page Speed) se referă la viteza de încărcare a unei pagini pe internet.

Aceasta constă din trei intervale de timp diferite.

În primul rând, conține timpul de răspuns al serverului (Wait Time To First Byte sau Time To First Byte (TTFB).

De asemenea, mai cuprinde și timpul pentru descărcarea unei pagini HTML (Transfer Time).

Mai mult, durata de redare a paginii într-un browser contează și la timpul total de încărcare.

Astfel, termenul de viteza paginii acoperă întreaga durată.

De la trimiterea unei solicitări HTTP către un server, la afișarea completă a unui website într-un browser.

Importanța pentru experiența utilizatorului și optimizarea SEO

Timpii lungi de încărcare ai unui website duc la o experiență proastă a utilizatorului.

În aceste condiții, determină utilizatorii să părăsească rapid un website.

Mai ales când navigați prin dispozitive mobile, e esențial ca utilizatorii să poată prelua conținut fără întârzieri.

Viteza paginii este și mai importantă aici datorită vitezei de transmisie reduse pe dispozitivele mobile.

Articole recomandate:

Dacă website-ul dvs. se încarcă prea greu, fie pe desktop, fie pe smartphone, acest lucru duce la frustrare.

Majoritatea utilizatorilor vor părăsi rapid website-ul dvs., ceea ce afectează rata de respingere.

Dar viteza paginii nu influențează doar în mod indirect optimizarea SEO.

Este, de asemenea, un factor important de clasare directă pentru Google.

În plus, Google parcurge pagini lente mai rar decât paginile rapide.

Acest lucru se datorează faptului că paginile lente necesită un buget de accesare mai mare.

Google dorește să-l folosească într-un mod cât mai eficient.

Dacă Googlebot vă vizitează website-ul mai rar acest lucru poate avea un efect negativ în indexare.

Viteza paginii este, așadar, un punct de plecare important pentru îmbunătățirea experienței utilizatorului.

În secțiunea următoare vă explicăm cum puteți îmbunătăți viteza paginii website-ului dvs.

Cum să îmbunătățiți viteza paginii

1. Compresia fișierelor HTML, CSS și JavaScript

Cu cât sunt mai mici fișierele necesare pentru încărcarea unei pagini, cu atât mai rapid poate fi încărcată.

Prin urmare, comprimarea fișierelor HTML, CSS și JavaScript se dovedește a fi o măsură utilă.

Comprimarea unor astfel de fișiere este posibilă prin scurtarea codului.

De exemplu, prin eliminarea comentariilor, a pauzelor de linie, a caracterelor inutile și a spațiilor.

În plus, dimensiunile fișierelor pot fi comprimate pentru transfer pe partea serverului folosind Gzip.

Acesta este standard pentru serverele web Apache și Nginx.

2. Minimizarea cererilor HTTP

Când o pagină e apelată, o cerere HTTP separată este trimisă serverului pentru fiecare HTML, CSS, JavaScript.

Cu toate acestea, un browser nu poate trimite decât un anumit număr de solicitări pe domeniu, simultan.

Dacă e necesar un număr mare de solicitări pentru website, browserul nu poate trimite toate cererile simultan.

În aceste condiții, este nevoie de mai mult timp pentru a încărca website-ul.

Puteți minimiza numărul de solicitări HTTP combinând mai multe fișiere de un tip într-un singur fișier.

De exemplu, prin gruparea mai multor fișiere CSS într-un singur fișier.

3. Utilizarea subdomeniilor pentru a crește viteza paginii

Așa cum s-a explicat mai sus, browserele pot trimite doar un anumit număr de solicitări HTTP.

Utilizarea subdomeniilor suplimentare crește numărul de solicitări disponibile.

O asemenea situație are efect pozitiv asupra timpului de încărcare dacă website-ul are un număr mare de fișiere.

4. Reducerea redirecționărilor

Fiecare redirecționare necesită o nouă solicitare și un nou răspuns HTTP.

Prin urmare, necesită un timp suplimentar de încărcare.

Redirecționarea crește astfel inutil timpul de încărcare.

Din acest motiv, dacă este posibil, ar trebui să reduceți lanțurile de redirecționare.

5. Server caching

Memorizarea în cache a serverului înseamnă că rezultatul unei interogări e stocat în memoria cache a serverului.

Dacă această pagină este apelată din nou, browserele pot accesa această memorie cache.

În aceste condiții, nu trebuie să solicite din nou pagina respectivă.

În plus, server-ul trebuie să recupereze mai puține date din baza sa, economisind resurse valoroase.

Cu toate acestea, e important să vă amintiți că trebuie să ștergeți memoria cache după ce ați editat website-ul.

Pentru mai multe informații despre acest subiect, parcurgeți articolul nostru despre Google Cache.

6. Browser caching pentru a crește viteza paginii

Browser caching înseamnă elemente statice ale website-ului stocate în browser de pe dispozitivul utilizatorului.

Astfel, aceste fișiere nu trebuie reîncărcate atunci când pagina este apelată din nou.

Cu toate acestea, trebuie să vă asigurați că header-ul dvs. ce expiră este corect.

Aceasta este informația care spune browserelor când memoria cache a fișierelor respective va expira.

Astfel, aceste fișiere trebuie să fie reîncărcate de pe server.

Acest lucru asigură că utilizatorilor li se arată întotdeauna cea mai recentă versiune a website-ului dvs.

7. Content Delivery Networks (CDN)

O CDN este o rețea de servere utilizate pentru a distribui conținutul unui website.

Copiile website-ului sunt stocate pe servere distribuite geografic.

Dacă un utilizator dorește să acceseze website-ul, acesta e livrat de serverul cel mai apropiat de acesta.

CDN-urile reduc astfel încărcarea serverului deoarece trebuie procesate mai puține solicitări HTTP.

În plus, CDN-urile sunt adesea regionale, ceea ce reduce și mai mult timpul de încărcare.

8. Încărcare prin AJAX pentru a crește viteza paginii

AJAX e o tehnică ce permite încărcarea conținutului website-ului, fără a fi necesar să trimiteți o nouă solicitare.

Cu această metodă, întregul conținut al unui website nu trebuie încărcat dintr-o dată.

Acest lucru este recomandat în special pentru afișarea unui website pe dispozitivele mobile.

Viteza de transfer a datelor este, de obicei, mai mică.

Chiar și un website ce se încarcă în câteva secunde pe desktop poate cauza probleme pe smartphone-uri.

Cu toate acestea, trebuie să fiți atent în ceea ce privește zona de optimizare SEO pentru Google.

Nu e clar dacă Google indexează corect paginile AJAX și dacă utilizatorii pot găsi un conținut prin motoare.

Din acest motiv ar trebui să vă asigurați că acel conținut din paginile AJAX este relevant.

În acest mod, poate fi accesat de către roboții motoarelor de căutare.

9. Încărcare asincronă

Când încărcați paginile web în mod sincron, fișierele și elementele paginii apar în aceeași ordine ca în HTML.

Astfel, un fișier nu poate fi încărcat până la finalizarea încărcării fișierului anterior.

Prin urmare, dacă încărcarea unui anumit fișier durează foarte mult, poate încetini încărcarea întregii pagini.

O soluție la această problemă legată de viteza paginii este încărcarea asincronă.

Aceasta înseamnă că fișiere precum JavaScript sau CSS continuă să fie încărcate în fundal.

Pe de altă parte, procesul de încărcare pentru următorul fișier a început deja.

10. Optimizarea timpului de răspuns al serverului (TTFB)

Cu cât un server răspunde mai repede la o solicitare de intrare, cu cât e mai scurtă perioada primului byte.

În aceste condiții, cu atât mai rapid poate fi încărcat un website.

Timpul de răspuns al unui server depinde de o serie de variabile.

De exemplu, de trafic, resursele necesare pentru o pagină, software-ul serverului și furnizorul de hosting.

Nu trebuie să depășească 200ms.

În caz contrar, Googlebot nu va mai scana URL-ul în mod constant.

O asemenea măsură poate avea un efect negativ în indexarea unui website.

Puteți optimiza timpul de răspuns prin identificarea și eliminarea vulnerabilităților serverului.

Includem aici interogările de bază de date lente.

11. Imaginile joacă un rol important în viteza paginii

Manevrarea corectă a imaginilor de pe website poate fi o pârghie importantă pentru a crește viteza paginii.

De exemplu, se recomandă să nu încărcați grafică.

Pentru butoane, pictograme sau fundaluri ca fișiere imagine puteți să le creați prin CSS.

O asemenea abordare necesită mai puține solicitări de cod și HTTP.

Pe de altă parte, asigură și faptul că aceste grafice sunt afișate brusc pe toate dimensiunile de ecran.

Un alt aspect important se referă la dimensiunea fișierelor de imagine.

Ar trebui menținută la minimum pentru a reduce timpul de încărcare al acestora.

În plus, puteți utiliza elementul HTML5 <picture>.

Oferiți versiuni diferite ale unei imagini pentru dimensiuni diferite de afișare.

Acest lucru împiedică încărcarea imaginilor cu dimensiuni de fișier foarte mari pe dispozitivele mobile.

Evitați creșterea inutilă a timpului de încărcare a paginii.

În plus, imaginile pot fi comprimate folosind numeroase servicii SEO online.

Diverse instrumente vă permit să reduceți dimensiunea fișierului fără pierderea calității.

De asemenea, trebuie să vă asigurați că utilizați formatul corect de fișier.

JPG este potrivit pentru fotografii, iar PNG ar trebui să fie ales pentru grafice cu mai puține nuanțe de culoare.

Verificarea vitezei paginii cu Google PageSpeed Insights

Puteți analiza cu ușurință viteza paginii website-ului dvs. cu Google PageSpeed Insights.

Acest instrument de la Google recuperează website-ul dvs. cu agentul utilizator mobil și desktop.

Mai apoi, oferă un scor total pentru viteza de încărcare a paginii.

În plus, oferă sfaturi concrete de optimizare pentru îmbunătățirea scorului Google PageSpeed a website-ului.