Una dintre principalele sarcini ale unui specialist în optimizarea paginilor web (SEO) este creșterea vitezei de încărcare a site-ului. Utilizatorul, dar și Google, este nerăbdător cu site-urile lente. Noi, cei care lucrăm în marketing online, bănuiam că timpul de încărcare a unei pagini web este factor de ranking, doar că abia acum Google a dat oficial știrea și a anunțat că va conta la poziționarea unui site din iunie 2018. Sunt numeroase întrebările pe care ni le adresează clienții noștri: cum scădem timpul de încărcare și ce tool-uri folosim, în afară de Google PageSpeed? Cât de mult contează diferențele dintre vitezele calculate pentru versiunea de desktop și cea mobilă? Contează și browser-ul folosit de utilizator, viteza de navigare tot a user-ului, cât și hosting-ul ales de site? Vom răspunde în continuare și vom da și exemple concrete.

Comunicatul oficial al Google despre viteză ca factor de ranking din 2018

Utilizarea vitezei paginii în clasamentul de căutare mobilă
Miercuri, 17 ianuarie 2018

Oamenii doresc să găsească răspunsuri la întrebările lor cât mai repede posibil - studiile arată că oamenii sunt preocupați de viteza unei pagini web. Deși viteza a fost utilizată în clasament de ceva timp, acest semnal a fost axat pe căutările desktop. Astăzi anunțăm că începând cu iulie 2018, viteza paginii va fi un factor de clasificare pentru căutările mobile.
Actualizarea de viteză (Speed Update), așa cum o numim, va afecta numai paginile care oferă utilizatorilor cea mai lentă experiență și vor afecta doar un mic procent din interogări. Aplică același standard pentru toate paginile, indiferent de tehnologia utilizată pentru a construi pagina. Intenția interogării de căutare este încă un semnal foarte puternic, astfel că o pagină lentă poate fi încă foarte bună dacă are un conținut grozav și relevant.

Îi încurajăm pe dezvoltatori să gândească în mare măsură despre modul în care performanța afectează experiența utilizatorului din pagina lor și să ia în considerare o varietate de valori ale experienței utilizatorilor. Deși nu există niciun instrument care să indice direct dacă o pagină este afectată de acest nou factor de clasificare, iată câteva resurse care pot fi utilizate pentru a evalua performanța unei pagini.

Raportul privind experiența utilizatorilor Google Chrome, un set de date publice privind valorile cheie ale experienței utilizatorilor pentru destinații populare pe web, așa cum au experimentat utilizatorii Chrome în condiții reale
Farul (Lighthouse), un instrument automat și o parte din Instrumentele de dezvoltare Chrome pentru a controla calitatea (performanță, accesibilitate și multe altele) de pagini web
PageSpeed ​​Insights, un instrument care indică performanța unei pagini pe raportul Chrome UX și sugerează optimizări de performanță

Instrumente pentru a măsura viteza paginilor web

screenshot site analizat cu Google PageSpeed Insights
Distingem între numeroase opțiuni, cu rezultate distincte. Spre exemplu, principalul tool pe care îl vom utiliza este cel al Google, PageSpeed ​​Insights. Miza unui specialist SEO este să ducă un site cel puțin la nota 80/100 de la care este socotit foarte rapid, atât pentru desktop, cât și pentru mobil. De puține săptămâni, Google afișează lângă notă și timpul de încărcare. Apoi, în analiza unei pagini web cu acest instrument vom avea și o serie de recomandări pentru a scădea timpul, implicit a crește calificativul Google. PageSpeed Insights utilizează o varietate de bune practici din comunitatea de performanță web. Analiza de optimizare aduce un site cu un renderer Blink (motorul de redare care utilizează Google Chrome) care emulează dispozitive mobile și desktop.

Înainte a analiza un site cu Google, PageSpeed ​​Insights, este necesar să vă oferim definiția a doi termeni pe care îi veți vedea în tab-ul Vitezei. First Contentful Paint (FCP) măsoară când un utilizator vede un răspuns vizual din pagină. Perioadele mai rapide au tendința de a menține utilizatorii implicați. DOM Content Loaded (DCL) măsoară când documentul HTML a fost încărcat și analizat. Versiunile mai rapide s-au dovedit a se corela cu rate mai mici de respingere. Vă recomandăm să consultați o varietate de valori, inclusiv FCP și DCL, pentru a înțelege performanța paginii dvs. Web.

Analiza vitezei web a site-ului: www.gov.ro

Rezultatul analizei cu https://developers.google.com/speed/pagespeed/insights este ciudat pentru că avem un timp bun de încărcare pe mobil, notat cu verde, dar optimizări slabe tot pe mobil, notate cu un 52/100, cu roșu. Versiunea desktop este atât de lentă, potrivit Google, încât nu se poate calcula viteza, iar nota optimizărilor este de corijență: 8/100, la roșu.

Ce propune Google pentru a corecta viteza și a face site-ul mai agil?
Pentru desktop, sunt propuse mai multe acțiuni:
Datele privind performanța din lumea reală a paginii gov.ro au fost indisponibile. Totuși, PageSpeed Insights a reușit să analizeze pagina pentru a găsi optimizări potențiale. Aplicarea acestor optimizări poate îmbunătăți viteza paginii. Consultați recomandările de mai jos.

Statistici privind pagina

PSI estimează că pagina necesită 7 schimburi suplimentare client-server pentru a încărca resursele care blochează afișarea și 6.1 MB ca să se afișeze complet. Pagina mediană necesită 4 schimburi client-server și 3.4 MB. Mai puține rezultate de schimburi client-server și de byți pentru paginile cu încărcare mai rapidă.
Sugestii privind optimizarea

Activați comprimarea

Comprimarea resurselor utilizând gzip sau deflate poate reduce numărul de bytes trimiși prin rețea.
Activați compresia pentru următoarele resurse pentru a reduce dimensiunea de transfer a acestora cu 1,9 MB (o reducere de 80 %).
Comprimarea resursei http://gov.ro/front/view/js/jquery-1.8.2.js ar putea economisi 181,9 KB (o reducere de 70 %)
… plus alte zeci de link-uri de optimizat, indicate

Optimizați imaginile

Formatarea adecvată și comprimarea imaginilor pot economisi mulți bytes de date.
Optimizați imaginile următoare pentru a reduce dimensiunea acestora cu 1,9 MB (o reducere de 69 %).
Comprimarea resursei http://gov.ro/fisiere/stiri/big_banner.jpg ar putea economisi 352,2 KB (o reducere de 69 %).
… plus alte zeci de imagini de optimizat pentru web, indicate

Reduceți spațiul ocupat de codul JavaScript

Compactarea codului JavaScript poate să economisească mulți bytes de date și să accelereze timpii de descărcare, de analizare și de execuție.
Diminuați JavaScript pentru următoarele resurse, pentru a reduce dimensiunea acestora cu 716,6 KB (o reducere de 52 %).
Diminuarea resursei http://gov.ro/front/view/js/jquery-1.8.2.js ar putea economisi 118,7 KB (o reducere de 46 %).
… plus alte zeci de resurse de optimizat, indicate

Profitați de memoria cache a browserului

Stabilirea unei date de expirare sau a unei vârste maxime în antetele HTTP ale resurselor statice dă browserului instrucțiuni pentru a încărca resursele descărcate anterior de pe discul local și nu prin rețea.
Utilizați memoria cache a browserului pentru următoarele resurse ce pot fi stocate în memoria cache:
http://flux.gov.ro/social/controls.png (data expirării nu este specificată)
… plus alte zeci de resurse de optimizat, indicate

Eliminați resursele JavaScript și CSS care blochează redarea conținutului din partea superioară a paginii

Pagina are 9 (de) resurse script și 5 (de) resurse CSS de blocare, fapt care produce o întârziere la redarea paginii.
Nicio parte a conținutului afișat în partea superioară a paginii nu a putut fi redată fără a se aștepta încărcarea următoarelor resurse. Încercați să amânați ori să încărcați asincron resursele de blocare sau să încărcați inline părțile esențiale ale respectivelor resurse direct în HTML.

Eliminați JavaScript care blochează redarea conținutului:

http://gov.ro/front/view/js/jquery-1.8.2.js
… plus alte zeci de resurse de optimizat, indicate

Reduceți mărimea fișierului HTML

Compactarea codului HTML, inclusiv a codului JavaScript și a foilor de stil CSS cuprinse în acesta, poate să economisească mulți bytes de date și să accelereze timpii de descărcare și de analizare.
Diminuați HTML pentru următoarele resurse, pentru a reduce dimensiunea acestora cu 16,6 KB (o reducere de 19 %).
Diminuarea resursei http://www.gov.ro/ ar putea economisi 15,8 KB (o reducere de 19 %).
Diminuarea resursei http://flux.gov.ro/embed/guvernul-romaniei/ ar putea economisi 794 B (o reducere de 24 %).

Minimizați dimensiunile fișierului CSS

Compactarea codului CSS poate să economisească mulți bytes de date și să accelereze timpii de descărcare și de analizare.
Diminuați CSS pentru următoarele resurse, pentru a reduce dimensiunea acestora cu 14,3 KB (o reducere de 20 %).
Diminuarea resursei http://gov.ro/…ont/view/css/jquery-ui-1.8.23.custom.css ar putea economisi 5,7 KB (o reducere de 22 %).
… plus alte resurse de optimizat, indicate

Partea pozitivă este de asemenea indicată de Google: optimizările există deja

Acordați prioritate conținutului vizibil

Conținutul din partea superioară a paginii are prioritatea stabilită corespunzător. Aflați mai multe despre acordarea priorității conținutului vizibil. Evitați redirecționările din pagina de destinație Pagina nu are redirecționări. Aflați mai multe despre evitarea redirecționărilor din pagina de destinație.

Reduceți durata de răspuns a serverului

Serverul a răspuns rapid. Aflați mai multe despre optimizarea timpului de răspuns al serverului.

Exemplul ales de Startweb, agenția de marketing online din București, este ilustrativ pentru capitolele pe care de obicei Google le identifică în analiza vitezei de încărcare a unui site. Acestea sunt temele principale care mai mereu trebuie lucrate.

Pe lângă PageSpeed ​​Insights, tot Google ne oferă indicații despre viteza unui site în alte două tool-uri: Analytics și Search Console. Să nu vă așteptați să găsiți mereu aceleași cifre când analizați o pagină web anume. În Google Search Console, vom deschide Accesarea cu crawlere, apoi Statistici privind accesarea cu crawlere. Aici vom avea niște informații generaliste despre Timpul acordat descărcării unei pagini (în milisecunde), cu 3 niveluri de calitate: Bună, Medie și Slabă. Doar că avem niște medii, neputând aplica pe o pagină web anume aceste date.
Dacă vrem timp segementat pe pagină web, mergem la Google Analytics. Din punctul nostru de vedere, nu sunt foarte fiabile acele informații, ele diferă destul de multe de ceea ce măsurăm cu alte instrumente.

screenshot site analizat cu Pingdom
Un alt tool des folosit de specialiștii SEO este Pingdom. Am ales un server din Europa pentru analiza noastră efectuată tot pentru site-ul Guvernului României. Calificativul este mai bun decât cel al Google, dar timpul de încărcare de 1.95 secunde este ridicat, cauzat de masivitatea paginii care cântărește nici mai mult nici mai puțin de 5.9 mega! Enorm. Informațiile Pingdom sunt foarte bogate și analizează mult mai mulți parametri decât Google. Rostul implentării soluțiilor și corecțiilor indicate de acest instrument este tot creșterea vitezei de încărcare a site-ului.
Extragem o mică parte din rezultatul analizei site-ul Guvernului:

Performance insights
Grade Suggestion
0 Parallelize downloads across hostnames
8 Leverage browser caching
52 Serve static content from a cookieless domain
73 Combine external JavaScript
75 Minimize redirects
81 Combine external CSS
84 Specify a Vary: Accept-Encoding header
95 Remove query strings from static resources
100 Avoid bad requests
100 Minimize DNS lookups
100 Minimize request size
100 Specify a cache validator

Pe lângă aceste instrumente, avem la dispoziție tot felul de extensii pe care le putem adăuga în browserele noastre Firefox Quantum ori Google Chrome. Opera, Safari ori Microsoft Edge nu prea mai interesează pe multă lume, de aceea nici nu le recomandăm, deși securitatea și viteza lor au fost net ameliorate în ultimul an.

Pentru a testa viteza și în general performanța unei pagini web, instalați extensii în Firefox, scriind comanda about:addons, apoi mergeți la Extensii și căutați fie Page load time, fie Page Speed. Rezultatele vor fi diferite, vă garantăm. În browserul Mozilla Firefox am inslat app.telemtry și Windows Performance care se adaugă ca tab în Inspect Element (click dreapta, selectați această expresie și se va afișa în josul paginii o secțiuni cu analiza site-ului). În Google Chrome, am testat mai multe extensii: chrome://extensions/, instalate din https://chrome.google.com/webstore/category/extensions. Sunt câteva care nu oferă multe informații, deci nu prea sunt utile precum Google PageSpeed Insights Extension ori Page Speed pentru că nu fac altceva decât să preia ce date oferă Google. Mai interesant e clasicul Page load time care oferă și informații detaliate ale unor resurse. Apoi, Performance-Analyser e o extensie interesantă, cu diverși timpi de încărcare în funcție de parametrii analizați.

screenshot extensie Chrome load time
Testați și aceste extensii, dar nu păstrați prea multe instalate pentru că vor îngreuna funcționarea browser-ului.

Mai avem de răspuns unor întrebări.

Contează și browser-ul folosit de utilizator, viteza de navigare tot a user-ului, cât și hosting-ul ales de site?

Diferențele fundamentale între crawlere stau în patru chestiuni: viteză, privacy (intimitate), securitate și reurse consumate. Credem că Firefox este cea mai bună alegere pentru toate sistemele de operare, inclusiv cele cu configurații mai modeste unde un Chrome ar scârțăi. Gândiți-vă că un browswer care vă solicită foarte mult sistemul este probabil să încarce mai lent paginile web.
Apoi, firește că este importantă conexiunea web a utilizatorului cu impact direct asupra experienței sale de navigare. O conexiune Wifi poate fi prin fibră optică ori cablu, la diverse viteze de download și upload, mobilul poate avea o conexiune la Internet, 4G ori 4G+, iar anul acesta spre final va începe testarea ultravitezei mobile 5G. Acestea vor influența timpul de încărcare a unei pagini web.

Veți vedea frecvent în recomandările Google pentru creșterea vitezei web referiri la hosting. Google notează timpul de răspuns al serverului și atrage atenția când acesta este prea ridicat. Depinde de operatorul de hosting, de cum și-a configurat serverele, de software-ul pe care îl are, dar depinde și de tipul de server pe care îl aveți: este unul share-uit cu alte site-uri, așa cum este frecvent, ori aveți un server dedicat, cu un cost lunar mai mare, dar cu o viteză mult superioară situației de hosting la comun.

Testatați și tool-uri de performanță pe care vi le pune la dispoziție hosting-ul site-ului, spre exemplu Siteground, unde Startweb are găzduit propriul site și majoritatea clienților săi are Google Page Speed, un modul Apache / nginx (mod_pagespeed) dezvoltat de Google care reduce timpul de încărcare a paginii. Când este activată, va accelera automat site-ul dvs. prin aplicarea optimizării performanței pe paginile dvs., CSS, JavaScript, imagini etc. Puteți activa Google PageSpeed pentru oricare dintre domeniile web din Siteground, eliminați memoria cache pe fiecare domeniu și, dacă sunteți utilizator avansat, gestionați și adăugați filtre personalizate în funcție de preferințele dvs.
Important: În prezent, PageSpeed nu poate fi utilizat împreună cu opțiunile statice și / sau dinamice din cache ale Siteground. Dacă activați PageSpeed, se va opri automat orice altă opțiune de cache care este activă în prezent, dar nu este compatibilă.
De anul trecut, americanii au renunțat la ceea ce se numește Internet neutrality. Acest status era un soi de comunism pozitiv, adică toate site-urile erau socotite egale de providerii de Internet. Acum însă, se dă cale liberă creșterii vitezei celor puternici și scăderii celor mai mici.

Mai avem de răspuns la o întrebare, iar apoi trecem la concluzii.

Cât de mult contează diferențele dintre vitezele calculate pentru versiunea de desktop și cea mobilă?

mobile versus laptop user
Ușor, ușor ne va interesa doar versiunea mobilă unde prin natura ei timpul de încărcare a unui site clasic, chiar construit web responsive, adică adaptat natural la formatul smartphone-ului ori al tabletei, va fi mai dificil. Google încurajează folosirea formatului Accelerated Mobile Pages Project (AMP) pentru versiunea mobile a site-urilor. AMP este un proiect de la Google și Twitter, conceput pentru a face pagini mobile foarte rapide. În esență, este o pagină HTML proiectată să fie extrem de ușoară și să proiecteze critic o încărcare foarte rapidă.
Apoi, mai avem un concept de explicat care are indirect legătură cu ceea ce explicăm. In-App Browsers, adică navigator în aplicații pe iOS și Android. Ambele sunt create de obicei prin generarea de instanțe de WebViews (acceptate în Android v1, iOS 2+) și prin încărcarea fie unei adrese URL publice sau a unui anumit conținut din resursele aplicației dvs., fie un șir de cod HTML în această instanță prin metode publice.

Ambele oferă metode publice pentru controale brute de navigație (de exemplu, înapoi sau înainte), acces la mediul JavaScript din codul nativ, precum și un mijloc de personalizare a șirului de agent utilizator. Fiecare oferă, de asemenea, propriile metode specifice platformei pentru activarea / dezactivarea biților de funcționalitate (de exemplu, activați API-ul Web Storage, permite redarea video în linie și automată).
Sună abstract? Ei bine, pur și simplu trendul pe mobil va fi crearea de aplicații integrate în broswer, o struțo-camilă între aplicația pentru mobil și versiunea web responsive, dar mult mai apropiată de designul unei aplicații de sine stătătoare. Cele mai populare exemple de aplicații care utilizează browserele mobile personalizate în aplicații sunt Facebook și Twitter. Iar aceste site-uri In-App vor fi ultra rapide.

Concluzii despre timpul de afișare a paginilor web

Utilizatorii nu au răbdare, iar tehnologiile se schimbă cu viteza luminii. Țineți pasul cu schimbările pentru că doar așa veți ține pasul cu utilizatorii dumneavoastră. Concurența crește pe Internet în toate domeniile, iar viteza de încărcare a informației, text, foto, video, pdf va ține în site un user ori din contră îl va alunga.

Urmăriți frecvent timpul afișare a pagilor web și calificativul acordate de Google cu tool-ul PageSpeed Insights, încercați să aveți o notă mai mare de 80 și o viteză de sub o secundă ca timp de încărcare a unei pagini. Unele resurse recomandă un prag de maximum 1.5 secunde, dar din experiența noastră este prea mult. Testați mai ales timpul pe telefonul mobil, în condiții de stres, pentru că acesta pune cele mai mari probleme. Dar acesta contează cel mai mult din 2018, acolo sunt clienții, vin dinspre smartphone.

Specialiștii Startweb vă stau la dispoziție pentru un Audit web complex care analizează și viteza de încărcare a principalelor pagini web: home, categorie, produs/ pagină de serviciu, contact, checkout ș.a., cu un cost care pornește de la 390 de lei, plus TVA. Propunem soluțiile optime de scădere a timpului de încărcare a paginii și le integrăm, acestea fiind componente ale Strategiei SEO, capitolul SEO tehnic. Contactați-ne prin telefon: 0722399841, email: Această adresă de email este protejată contra spambots. Trebuie să activați JavaScript pentru a o vedea. ori prin formularul de Contact.

Acest articol este proprietatea Startweb SRL și nu poate fi preluat integral, ci doar citat, în limita a 250 de caractere, cu indicarea sursei și link exact către această pagină.

Autor: Gabriel Drăghia
Data: 21.01.2018

Gabriel Draghia
Sunt Gabriel Draghia, fondatorul Startweb SRL, și coordonez personal contul dvs. pentru toate serviciile web contractate. În 2002 am creat agenția Startweb pentru a oferi soluții web marketing personalizate și a fi alături de client, tratat ca un partener de afaceri. [mai mult].