Viteza descărcării site-ului este o componentă importantă a unei experiențe pozitive a utilizatorului, precum și unul dintre factorii de clasificare a site-ului în rezultatele căutării. Adevărul este că utilizatorii nu vor să aștepte ca pagina să se încarce mai mult de 5 secunde. Dacă site-ul dvs. nu se încarcă suficient de repede, pierdeți potențialii clienți.
Având în vedere că 50% din traficul online provine de pe dispozitive mobile, utilizatorii se așteaptă la descărcarea rapidă a site-ului și a versiunii mobile. În acest articol, veți învăța cum să introduceți 100 din 100 cu ajutorul instrumentului Google PageSpeed Insights pentru versiunile mobile și desktop de pe site-ul dvs.
Atunci când verificați site-ul Google cu instrumentul PageSpeed Insights, sa constatat că nu există probleme cu versiunea de-sttop a site-ului - 100/100, dar rezultatele versiunii mobile lasă mult de dorit - 71/100.
Acest lucru înseamnă că rezultatul este 100/100 neatins?
Cum se face încărcarea mai rapidă a paginilor
În primul rând, trebuie remarcat faptul că instrumentul PageSpeed este doar un ghid pentru îmbunătățirea calității site-urilor web. Instrumentul oferă recomandări pentru optimizarea site-ului, ceea ce contribuie la viteza de încărcare a paginilor, însă realizarea rezultatului dorit depinde de setările serverului.
Unele dintre aceste etape necesită expertiză tehnică, altele nu. Această instrucțiune poate fi urmată în orice sistem de gestionare a site-ului.
Pasul unu: optimizați imaginile
Instrumentul PageSpeed Insights oferă posibilitatea optimizării imaginilor prin reducerea dimensiunii fișierelor. Pentru aceasta, pot fi luate următoarele măsuri:
· Comprimați toate imaginile utilizând instrumentele Compressor.io și TinyPNG (sau orice alte instrumente gratuite). În unele cazuri, aceste instrumente pot reduce dimensiunea imaginilor cu mai mult de 80%, fără a compromite calitatea acestora.
· Reduceți dimensiunea imaginilor la parametrii necesari, fără a deteriora calitatea acestora. Să presupunem că, dacă aveți nevoie de o dimensiune a imaginii de 150x150px, aceasta este dimensiunea imaginii pe care trebuie să o încărcați pe server. Nu este recomandat să utilizați imagini mai mari decât pe care doriți să le puneți pe site sau să reduceți dimensiunea acestora utilizând etichete CSS sau HTML.
Pentru a rezolva această problemă, puteți instala instrumentul Gulpjs pe server. Instrumentul creează automat un nou fișier CSS și elimină toate spațiile. De asemenea, creează automat un nou fișier CSS pentru toate modificările efectuate. În acest caz, dezvoltatorul a reușit să reducă dimensiunea fișierului principal CSS de la 300kb la 150kb.
Dacă utilizați WordPress, este recomandabil să instalați pluginul Autoptimize.
De asemenea, puteți descărca fișierele deja optimizate oferite de Instrumentul PageSpeed.
Pasul al treilea: optimizarea timpului de răspuns al serverului
Pentru a reduce timpul de răspuns al serverului, puteți muta toate fișierele statice de pe site la CDN.
Să presupunem că serverul principal al site-ului dvs. este în Texas și nu utilizați CDN. Un utilizator de la, de exemplu, Amsterdam va trebui să aștepte serverul să descarce site-ul din America. Dacă utilizați CDN, site-ul dvs. va fi descărcat de pe serverul cel mai apropiat de Amsterdam, ceea ce va dura mult mai puțin timp.
Mai jos este o diagramă a funcționării CDN cu GTmetrix.
Pasul patru: utilizați memoria cache a browserului
Pentru a utiliza memoria cache a browserului, trebuie să creați un fișier .htaccess și să atribuiți directivele necesare în el folosind modulul expiră. Durata de timp în care datele sunt stocate în memoria cache poate fi setată de momentul, ultima modificare a fișierului sau de timpul de acces al clientului.
Pasul Cinci: eliminați resursele care blochează afișarea din partea de sus a paginii
Dacă utilizați WordPress, pluginul Autoptimize, care a fost menționat mai devreme, vă poate ajuta în acest sens. Pentru a face acest lucru, trebuie doar să modificați setările pluginului.
Pasul șase: activați comprimarea
Puteți activa compresia în setările serverului. Dacă vă îndoiți de competența dvs. în această chestiune, cereți asistența dvs. tehnică pentru a permite compresia GZIP pentru serverul dvs.
Pasul șapte: Optimizați versiunea mobilă
O versiune adaptivă a site-ului mobil presupune utilizarea rezoluției corecte a imaginilor, a parametrilor fontului și a unui sistem de navigație bun.
Aflați cum arată site-ul dvs. pe diferite dispozitive, puteți utiliza în Google Chrome. În meniul din dreapta sus, faceți clic pe "Instrumente suplimentare" și apoi pe "Instrumente pentru dezvoltatori".
Deci, cei patru pași cei mai importanți pe care trebuie să-i faceți pentru a îmbunătăți calitatea site-ului:
1. Utilizați CDN.
2. Utilizați memoria cache a browserului.
3. Eliminați resursele de afișare a blocării din partea de sus a paginii.
4. Optimizați dimensiunea imaginilor și comprimați-le.
Articole similare
Trimiteți-le prietenilor: