5 moduri de a vă crește performanța site-ului de comerț electronic

Publicat: 2020-06-12

Piețele în creștere și concurența în creștere îi fac pe proprietarii de magazine de comerț electronic să caute modalități de a ieși în evidență din mulțime și de a influența comportamentul clienților, forțându-i să facă achiziții. Cu toate acestea, unul dintre factorii majori care împiedică vânzările este performanța lentă a site-ului .

Conform cercetării Radware , este nevoie de 3 secunde pentru ca un vizitator să abandoneze un site web dacă pagina acestuia nu se încarcă rapid. Mai mult, 79% dintre clienții care nu sunt mulțumiți de performanța site-ului web nu sunt probabil să cumpere din nou din magazin. În plus, când vine vorba de optimizarea motoarelor de căutare, viteza este un factor direct de clasare, deoarece Google nu va lăsa site-urile cu o performanță lentă să apară în primele rezultate ale căutării .

În lumea comerțului electronic, în care fiecare secundă contează, dacă un site web este lent, fiecare măsură de afaceri are de suferit: rata de participare zilnică, conversii, rata de respingere, clasarea căutării, vizualizările de pagină și, mai ales, vânzări și venituri. Chiar și o întârziere de o secundă în răspunsul paginii poate duce la o scădere cu 7% a conversiilor.

Se pare că performanța web este vitală, nu-i așa? În acest articol, vom identifica greșelile comune pe care le fac proprietarii de magazine de comerț electronic și vom schița modalitățile de îmbunătățire a performanței și a vitezei web.

Cum să identificăm principalele probleme de performanță pentru o optimizare mai rapidă a vitezei site-ului?

Îmbunătățiți performanța site-ului dvs. de comerț electronic

Performanța este complet măsurată prin date. Cel mai simplu mod de a măsura valoarea este să o testați folosind instrumente de analiză pentru comerțul electronic, care sunt concepute pentru ca webmasteri și proprietarii de magazine să își monitorizeze proiectele, oferind o optimizare actualizată a performanței.

Iată câteva instrumente care pot fi folosite pentru a urmări performanța site-ului dvs.:

  • Google PageSpeed ​​Insights

Instrumentul realizat de Google nu numai că raportează viteza paginii pe desktop și dispozitive mobile, dar oferă recomandări acționabile cu privire la modul în care pagina trebuie îmbunătățită pentru a obține rezultate mai bune. Caracteristica principală a Google PageSpeed ​​Insights este furnizarea de date atât de teren, cât și de laborator. Ultima se bazează pe o pagină de încărcare simulată pe un dispozitiv de nivel mediu (Moto G4) și un set fix de condiții de rețea. Datele de laborator pot fi folosite pentru depanarea problemelor de performanță. În ceea ce privește datele de câmp, este un fel de raport istoric despre modul în care a funcționat o adresă URL și se bazează pe date anonime de performanță de la utilizatorii din lumea reală pe diferite dispozitive și condiții de rețea. Datele sunt utile pentru a determina experiența reală a utilizatorului. Punând împreună și analizând ambele date, utilizatorul poate obține o imagine completă a performanței site-ului.

  • GTMetrix

Este un instrument online ușor de utilizat, care este folosit pentru a testa timpul de încărcare a site-urilor, atribuind rezultatele în note de la A la F și oferind o mulțime de detalii despre probleme specifice ale site-ului dvs., de exemplu, oferă detalii despre aspectele care trebuie luate în considerare. cel mai mult timp pentru a încărca pentru a înțelege modificările care trebuie făcute.

  • KeyCDN

În afară de furnizarea unui test de viteză completă a paginii pentru a obține o imagine de ansamblu și un raport detaliat despre modul în care funcționează un site web, instrumentul are o varietate de alte funcții utile. De exemplu, testul HTTP/2 pentru a verifica dacă un URL este livrat prin protocolul HTTP/2.

Acum că știți cum să testați performanța magazinului dvs. de comerț electronic folosind diverse instrumente, să aruncăm o privire mai atentă la ce aspecte ale site-ului ar trebui să fie reglate și ce pași ar trebui luați pentru a îmbunătăți optimizarea performanței.

#1 Îmbunătățiți-vă soluția de găzduire

Tipul de găzduire, precum și densitatea și încărcarea serverelor sale fizice, sunt vinovați obișnuiți atunci când vine vorba de performanța magazinelor de comerț electronic. Lipsa resurselor de găzduire determină o scădere a performanței site-ului și timpii lungi de nefuncționare au dus la o pierdere inevitabilă a potențialilor clienți și a veniturilor din vânzări.

Alegerea unei soluții de găzduire depinde de cât de mare este un magazin (cantitatea de trafic de ieșire pe care îl primește, numărul de comenzi și vizitatori pe zi), precum și de CMS-ul pe care se bazează. Astfel, de exemplu, un magazin mare sau mijlociu bazat pe Magento CMS nu se potrivește cu o simplă găzduire partajată. Pentru a găzdui un astfel de magazin, aveți nevoie de cel puțin VPS scalabil, cloud sau găzduire dedicată, care poate gestiona creșterile de trafic în timpul vânzărilor sau sezonului de vacanță.

#2 Reduceți timpul de răspuns al serverului și numărul de solicitări HTTP

Numărul mare de solicitări de server afectează negativ valorile cheie care determină cât de bine interacționează publicul cu magazinul dvs. Cu cât sunt mai multe solicitări și cu cât timpul de răspuns este mai lung, cu atât este nevoie de mai mult până când o pagină este încărcată. Fiecare fișier JS și CSS, fiecare script, foaie de stil, videoclip încorporat sau imagine înseamnă o solicitare HTTP suplimentară.

Reducerea solicitărilor de server necesită modificări la nivelul back-end-ului site-ului web. Dar ce schimbări ar trebui să depindă de auditul complex care vizează să arate aspectele site-ului dvs. care încetinesc performanța.

Pentru a minimiza cererea serverului, webmasterii pot face următoarele:

  • Combinați toate resursele JavaScript într-una singură și utilizați o singură foaie de stil pentru fiecare pagină (puteți folosi software precum Apache Ant sau pkd.io pentru a automatiza procesul).
  • Eliminați imaginile inutile sau optimizați-le combinând mai multe imagini într-o singură imagine cu tehnica CSS sprites (există câteva instrumente – Spritegen, CSS Sprite Tool – care vă permit să combinați imagini într-un singur fișier).
  • Optimizați-vă baza de date. În măsura în care site-ul dvs. web acumulează informații, cantitatea masivă de date stocate în baza de date este blocajul sistemului. Baza de date sau un server DB configurat necorespunzător poate deveni o problemă reală atunci când interogările durează prea mult. Procesul de optimizare a bazei de date a site-ului web include eliminarea intrărilor inutile, trecerea la cataloage plate pentru a reduce interogările DB, actualizarea versiunii bazei de date, adăugarea de indici la tabele mari și alte aranjamente.
  • Configurați memorarea în cache pentru a asigura livrarea rapidă către vizitatori prin reutilizarea fișierelor în timpul vizitelor viitoare. De exemplu, puteți instala Redis (PDF), care este un server cu structură de date open-source, în memorie. Poate fi folosit ca cache de server distribuit sau ca bază de date în care sunt stocate datele necesare frecvent.
  • Setați site-ul dvs. web să încarce fișiere JavaScript în mod asincron . Permite conținutului site-ului web să redeze mai multe elemente de pagină în același timp.
  • Minimizează și comprima dimensiunea codului eliminând variabilele redundante și lungi, comentariile, caracterele nedorite.
  • Eliminați bloatware -ul (programe, plugin-uri, aplicații care ocupă spațiu fără a oferi valoare).

# 3 Utilizați extensii terțe

Pe lângă funcționalitatea implicită, există o mulțime de extensii disponibile pentru îmbunătățirea performanței site-ului de comerț electronic. Cu extensiile de performanță, puteți modifica unele părți ale codului, folosiți memorarea în cache a browserului, optimizați dimensiunea imaginii, optimizați un site web pentru anumite cazuri de utilizare, reduceți HTML/JS/CSS (oarecum) și remediați cele mai evidente probleme de performanță.

Totuși, țineți cont de faptul că extensiile nu sunt pilula magică pentru toate problemele site-ului, nu vă așteptați să rezolve ceva complicat. Nicio extensie nu poate înțelege baza de cod, precum și dezvoltatorii experimentați.

Mai mult, fiecare extensie nouă adaugă o solicitare HTTP separată la server. Este nevoie de mai mult timp pentru ca serverul să proceseze cererea, ceea ce afectează viteza de încărcare a paginii. Astfel, utilizarea extensiilor de performanță nu este o idee bună dacă magazinul dvs. online are o structură de cod complexă, ați încărcat deja o mulțime de extensii terțe sau CMS-ul dvs. este foarte personalizat. De exemplu, pentru magazinele de comerț electronic bazate pe Magento, care sunt destul de greu de optimizat pentru performanță, extensiile de la terțe părți pot fi motivele pentru mai multe probleme decât pot rezolva. Aici, este rezonabil să încredințați procesul de optimizare unei companii care furnizează servicii de optimizare a performanței Magento .

#4 Comutați la Elasticsearch

Elasticsearch este un motor de căutare open-source și un magazin de documente distribuit care stochează și regăsește structuri de date. A fost dezvoltat în 2010 și motorul său de căutare full-text scris în Java. Elasticsearch este un instrument principal care este folosit de multe mărci de comerț electronic de top pentru a stoca, analiza și căuta o cantitate mare de date din mers.

În măsura în care căutarea este una dintre caracteristicile majore ale magazinului, Elasticsearch oferă proprietarilor de magazine de comerț electronic o oportunitate de a crește atât performanța percepută, cât și cea reală. Este o strategie excelentă pentru a oferi o experiență rapidă de utilizare fără a cheltui mulți bani.

Elasticsearch funcționează cu fiecare CMS, indiferent dacă este WooCommerce, Shopify sau Magento și poate fi extrem de util pentru acele magazine online care funcționează inacceptabil de lent din cauza interogărilor grele care supraîncarcă baza de date a site-ului. Ca bonus, Elasticsearch are o caracteristică curioasă - înțelege interogările complexe de căutare mult mai bine decât căutarea implicită.

# 5 Utilizați Lazy Loading pentru o încărcare mai rapidă a conținutului media

Proporția de videoclipuri, audio și imagini în sarcina utilă tipică a unui site de comerț electronic poate fi uriașă. Dar proprietarii magazinelor ar putea să nu fie dispuși să elimine conținutul media de pe site-urile lor web. Lazy Loading (sau încărcarea la cerere) poate face magie aici. Este o tehnică de optimizare a conținutului media care amână încărcarea fișierelor „non-critice” sau „în afara ecranului” până în momentul necesității. În funcție de setări, modelul poate apărea în diferite momente din aplicație, dar se întâmplă de obicei la un fel de interacțiune cu utilizatorul, cum ar fi derularea, clicul sau navigarea.

În măsura în care putem încărca lucrurile pe care utilizatorul nu le va vedea niciodată, aceasta reprezintă o problemă din mai multe motive:

  1. Risipește bateria și alte resurse de sistem;
  2. Risipește date (esențial pentru utilizatorii cu planuri limitate de date).

Încărcarea leneră a imaginilor și a videoclipurilor, dacă sunt utilizate corect și corespunzător, poate reduce atât greutatea inițială a paginii, cât și timpul inițial de încărcare, toate acestea afectând pozitiv performanța.

Cu toate acestea, utilizarea tehnicii are mai multe capcane. În primul rând, implementarea sa necesită ca liniile suplimentare de cod să fie adăugate la cele existente, ceea ce o complică. În al doilea rând, modelul poate afecta oarecum clasarea motorului dvs. de căutare, din cauza probabilității de indexare necorespunzătoare a conținutului descărcat.

Rezumând

Fără îndoială, este greu pentru niciun proprietar de afaceri priceput la tehnologie să definească ce aspecte ale site-ului trebuie remediate. Ca să nu mai vorbim că nu toată lumea poate optimiza un magazin de comerț electronic pentru o viteză și performanță mai bune. Există o mulțime de probleme care se pot transforma în blocaje și dacă crezi că site-ul tău funcționează greșit, este mai bine să cauți o companie care oferă servicii de optimizare cu experiență solidă în dezvoltarea și optimizarea site-ului web.