Începem anul bazându-ne pe un subiect care a fost important în trecut și care se va dovedi vital în viitor. Este vorba despre optimizarea vitezei unui site web. Performanța site-ului tău și timpul de încărcare au un impact masiv asupra vânzărilor.
Am dori să atragem atenția asupra faptului că începând din noiembrie 2018, procesul de îmbunătățire a site-ului s-a schimbat. Până acum, optimizările de viteză au fost în mare parte un proces general, cu majoritatea site-urilor având probleme similare care împiedică site-ul să funcționeze la capacitate maximă, cum ar fi generarea imaginilor, serverul lent, etc. Cu noile cerințe de la Google referitoare la viteză, site-ul tău poate pierde poziția în rezultatele căutării. Până acum, cerințele erau la nivelul școlii generale în ceea ce privește optimizarea, dar acum au fost ridicate la nivelul școlii superioare.
După cum probabil știi, Google ți-a furnizat o varietate de instrumente pentru a te ajuta să înțelegi performanța unui site. La prima vedere, părea o idee bună, dar recent s-a realizat că având o mulțime de instrumente cu propuneri distincte, aceasta a creat doar confuzie printre utilizatori.
Google a decis să disipeze neînțelegerile, iar în noiembrie 2018, Google Page Speed Insight a primit o actualizare majoră. Până acum, instrumentul PageSpeed Insight analiza performanța unei pagini atât pe dispozitive desktop, cât și pe dispozitive mobile și oferea recomandări despre cum poți îmbunătăți pagina ta.
Instrumentul Lighthouse a fost o unealtă open-source care a furnizat sfaturi personalizate pentru îmbunătățirea site-ului tău în ceea ce privește performanța, accesibilitatea și alte practici. Începând din noiembrie, PageSpeed Insights utilizează Lighthouse ca motor de analiză. Cu această actualizare, Google a redus confuzia și aduce și mai multe recomandări noi despre cum să îmbunătățești viteza unui site. Aceasta înseamnă că Google nu mai evaluează site-ul tău numai în funcție de ceea ce poți face pentru a-l îmbunătăți, ci îl va evalua și în funcție de performanța sa.
Ce fel de informații furnizează PageSpeed Insight de acum înainte?
Lab Data.
PageSpeed Insight utilizează Lighthouse pentru a simula modul în care un dispozitiv mobil încarcă pagina. După finalizare, sintetizează valorile de performanță și vă oferă un scor de performanță de la 0 la 100. Scorurile sunt clasificate în trei niveluri, un scor de 90 sau mai mare este considerat rapid, iar între 50 și 90 este considerat mediu, sub 50 este considerat lent.
Field Data.
Datele se bazează pe o versiune a raportului Chrome User Experience actualizat zilnic. Valorile aici pot fi diferite de cele din secțiunea de Lab Data, deoarece capturează un spectru larg de condiții și dispozitive în rețeaua reală utilizată de utilizatorii Chrome.
Oportunități.
Acestea sunt sugestiile pe care PageSpeed Insight le oferă despre cum să îmbunătățească performanța unei pagini și cât de rapid va fi încărcată pagina.
Diagnoză.
Oferă informații suplimentare despre modul în care o pagină respectă cele mai bune practici pentru dezvoltarea site-ului.
Audituri anterioare.
Indică auditurile care au fost trecute de pagină.Testați site-ul cu PageSpeed Insights și aflați cum vă vede Google. Rezultatul testului nu se referă doar la performanța site-ului, ci și la calitatea acestuia.
Here are some recommendations from Pagespeed Insights which can be solved by implementing our modules.
Generator de Imagini Google WebP modul
După efectuarea unui test al site-ului tău și apare următoarea recomandare, site-ul tău va avea nevoie de modulul Generator de Imagini WebP.
Instalarea modulului "Google WebP Image Generator" prin intermediul căruia poți regenera imaginile de pe site într-un format recomandat de Google (acest format se numește WebP). Utilizarea acestui modul pentru generarea imaginilor va reduce și dimensiunea acestora cu până la 30%, menținând totuși aceeași calitate.
Odată ce începi să generezi imagini cu Generatorul de Imagini WebP pentru PrestaShop, vei observa îmbunătățiri semnificative în ceea ce privește viteza site-ului tău, iar imaginile tale vor păstra calitatea originală.
Modulul oferă o compresie superioară fără pierderi pentru imaginile site-ului tău și este recomandat pentru accelerarea magazinului online. Este mult mai eficient decât generarea imaginilor cu generatorul de imagini standard din PrestaShop, nu are erori, iar poți urmări progresul întregului proces.
Generarea imaginilor cu acest modul va elibera spațiu pe server, iar încărcarea paginilor tale pe site va deveni mai rapidă. Google va aprecia imaginile generate de acest modul, iar poți obține un clasament mai bun în motoarele de căutare Google.
Modul Progressive Web App
Dacă apare această mențiune, cu siguranță vei avea nevoie de modulul Progressive Web App.
Modulul reprezintă o soluție pentru încărcarea mai rapidă a paginilor web. Permite accesul la site-ul tău chiar și atunci când utilizatorul are o conexiune la internet lentă sau chiar când nu există conexiune la internet. PWAs combina flexibilitatea web-ului cu experiența utilizatorului a unei aplicații native. După cum poți observa, acest modul este recomandat chiar și de către Google și reprezintă un factor important în clasamentele de căutare Google.
Odată ce acest modul este implementat, performanța în general va fi îmbunătățită, iar utilizatorii vor putea crea un icon și un scurtătură pentru site-ul tău pe dispozitivele lor mobile, permițându-le astfel să ajungă mai rapid la produsele tale.
Modul HTTP/2 Web Push
După noile recomandări, modulul HTTP/2 Web Push nu poate lipsi de pe site-ul tău.
Implementarea modulului HTTP/2 Web Push va permite menținerea conexiunii continue între site și server. Acest aspect este foarte important în ceea ce privește viteza paginii. De asemenea, va apărea posibilitatea de "server push", ceea ce înseamnă că serverul recunoaște că HTML-ul are nevoie de mai multe informații și le va trimite automat.
Modul Critical CSS
Recomandăm implementarea acestui modul deoarece va reduce timpul până la "First Contentful Paint", care în prezent este de 6,6 secunde. Fără acest modul, atunci când un utilizator interacționează cu site-ul tău, toate regulile CSS sunt "scanate" și încărcate, chiar și cele care nu sunt utilizate pe site sau nu sunt utilizate pe acea pagină specifică. Acest modul va sorta regulile CSS și va executa doar cele necesare, reducând timpul de încărcare.
Modul Lazy Load
LazyLoad este un script flexibil care accelerează site-ul prin încărcarea imaginilor în funcție de zona vizuală.
Modul Setare SRC Imagini
Recomandăm utilizarea modulului Setare SRC Imagini pentru a ne asigura că imaginile sunt optimizate pe toate dispozitivele, inclusive pe cele mobile. Mai precis, imaginile încărcate atunci când site-ul este accesat de pe un dispozitiv mobil sunt distincte și mai mici decât cele încărcate pe desktop, care sunt în mod obișnuit mai mari. (Asigurați-vă că aveți suficient spațiu pe server, deoarece vor fi generate mai multe versiuni ale imaginilor pentru diferite rezoluții.)
Viteza rămâne unul dintre aspectele cele mai importante
După cum s-a menționat mai sus, viteza unui site va rămâne un punct de referință în clasamentul de căutare Google. Optimizarea vitezei nu este importantă doar pentru clasamentul Google, ci va îmbunătăți și experiența utilizatorului și ratele de conversie ale magazinului tău online.
Optimizarea performanței ar trebui să fie întotdeauna o prioritate, mai ales într-un mediu online atât de competitiv. Optimizarea îți oferă multe beneficii comerciale măsurabile, îmbunătățind eficiența site-ului. Acest lucru va crește numărul de vizitatori care pot deveni abonați la newslettere, cititori și, desigur, clienți plătitori.
Dacă vrei să ai un magazin online care funcționează la capacitate maximă, este vital să optimizezi paginile. De asemenea, tu și clienții tăi veți fi foarte mulțumiți de beneficiile aduse.
Gândește-te la o cursă: în fiecare an, fiecare competitor își îmbunătățește mașina pentru a concura cu șanse mai mari de a câștiga trofeul. Asta se întâmplă exact și în comerțul electronic. Trebuie să încerci întotdeauna să ajungi pe primul loc. Nu aștepta până când toți competitorii te vor depăși. Testează-ți site-ul și nu ezita să ceri sfaturi și ajutor specializat.
Când vine vorba de optimizarea vitezei paginii, nu este suficient să îmbunătățești aspecte generale precum regenerarea imaginilor sau schimbarea serverului. Optimizarea vitezei a devenit mai complexă. Există multe lucruri care trebuie făcute de programatori experimentați în acest domeniu. Dacă vrei să-ți optimizezi viteza site-ului, una dintre cele mai importante lucruri de făcut este să alegi echipa potrivită pentru proces.
După cum s-a menționat mai devreme, optimizarea vitezei nu mai este un proces general; fiecare site ar trebui analizat separat, iar recomandările trebuie personalizate pentru fiecare website în parte.
În plus față de noile cerințe menționate de PageSpeed Insight, precum miniaturizarea HTML-ului, CSS-ului și Javascript, eliminarea CSS-ului neutilizat, etc., regenerarea imaginilor ar trebui făcută folosind tehnologia cea mai recentă. Când vine vorba de regenerarea imaginilor, recomandarea Google este să se genereze imagini în formatul WebP. În acest moment, suntem singura companie din lume care a creat un modul pentru platforma PrestaShop care poate genera imagini de produs în format WebP.
Suntem una dintre cele mai bune echipe pentru a efectua o optimizare a site-ului. Testează site-ul cu instrumentul Page Speed Insights de la Google și dacă nu ești mulțumit de rezultate, nu ezita să ne contactezi. Echipa noastră este pregătită să te ajute să îmbunătățești viteza. Experiența noastră în optimizare ne permite să reducem viteza de încărcare a unui magazin PrestaShop sub 3 secunde. Comparativ cu alte companii, noi nu oferim doar o auditare a site-ului, ci vom interveni tehnic pentru a rezolva aceste probleme.