6 trucuri subestimate pentru a crește viteza site-ului dvs. de comerț electronic

Publicat: 2022-05-03

Când vine vorba de experiența utilizatorului, viteza este unul dintre elementele cele mai importante care determină succesul site-ului tău de comerț electronic. Fiecare secundă de bifare devine prețioasă, atât de mult încât o îmbunătățire cu o secundă a vitezei site-ului dvs. poate crește tranzacțiile mobile cu 27%.

Există câteva moduri bine-cunoscute încercate și testate de a vă accelera magazinul online. Veți găsi multe resurse care menționează optimizarea dimensiunilor imaginilor, citirea solicitărilor HTTP și schimbarea serviciilor de găzduire.

Acest blog aprofundează aceste tehnici și oferă câteva tehnici utile subestimate care pot duce de fapt la o creștere vizibilă a vitezei site-ului dvs. de comerț electronic. Să începem.

1. Evaluați extensiile de la terți

Fiecare magazin de comerț electronic trebuie să utilizeze extensii de la terți într-un fel, formă sau formă. Deși încorporarea oricărui număr de extensii nu are nimic de-a face cu viteza site-ului și majoritatea dintre ele au ca rezultat eficientizarea performanței magazinului dvs. online, este întotdeauna cel mai bine să verificați aceste extensii.

Când vin cu o cantitate imensă de funcționalități personalizate, cod instabil și conținut prost, viteza site-ului se reduce substanțial. Puteți verifica astfel de extensii prin următorii pași:

  • Recunoașteți scripturile sau etichetele care sunt semnalate ca fiind lente și remediați-le prin Chrome DevTools
  • Încercați să utilizați instrucțiunile asincrone/amânate sau sugestiile de resurse ori de câte ori este posibil pentru a reduce timpul de încărcare
  • Testați fiecare modificare JS în detaliu pe un site de staging înainte ca acestea să fie transmise live

2. Îmbunătățiți timpul până la primul octet (TTFB)

Deși putem tolera semaforele și cuptoarele cu microunde până la două minute, nu suportăm să așteptăm ca o pagină web să se încarce mai puțin de trei secunde. Aici „timpul până la primul octet” (TTFB) devine crucial.

TTFB funcționează ca un element receptiv. Nu precizează că site-ul se va încărca mai repede, doar că va începe să facă acest lucru. Un TTFB scăzut, pe de altă parte, indică de obicei că un site este mai rapid și mai receptiv.

Pentru o experiență bună de utilizator, un site care răspunde rapid la clicuri este esențial. De fapt, capacitatea de răspuns a site-ului poate fi mai semnificativă pentru SEO decât timpul necesar pentru ca site-ul să se încarce complet. Potrivit Google, un TTFB de mai puțin de 200 de milisecunde este excelent. Cu toate acestea, cea mai recentă versiune a instrumentului său PageSpeed ​​nu generează o alertă decât dacă timpul depășește 600 de milisecunde.

Există o mulțime de lucruri de analizat pentru a afla ce cauzează întârzierea TTFB. Dacă observați că activele dvs. durează mult pentru a produce octetul inițial, ar trebui să analizați problema și să faceți modificările necesare pentru a îmbunătăți viteza site-ului dvs. Următoarele sunt câteva dintre cele mai comune motive pentru care TTFB-ul dvs. este mai lent decât de obicei:

  • Probleme cu rețeaua
  • Probleme legate de capacitatea serverului (I/O disc, RAM și limitări ale rețelei)
  • Configurarea si proiectarea bazei de date

Puteți încorpora memorarea în cache a browserului sau o rețea de livrare a conținutului (discută înainte) pentru a reduce semnificativ TTFB.

3. Folosiți Browser Caching

Când un browser memorează în cache fișiere esențiale care alcătuiesc site-ul dvs., este cunoscut sub numele de memorare în cache a browserului. Aceasta înseamnă că, atunci când un vizitator revine pe site-ul dvs., browserul său nu va trebui să descarce din nou fiecare fișier de pe serverele dvs. Trebuie doar să solicite anumite fișiere sau chiar părți ale paginilor individuale care probabil să fi fost modificate (cum ar fi imaginea siglei). Deoarece cantitatea de interogări efectuate către server este redusă, acest lucru crește semnificativ timpul de încărcare.

Adăugarea unei bucăți scurte de cod la antetele dvs. HTTP pentru a stabili perioade de expirare pentru anumite fișiere este o metodă destul de simplă pentru a activa stocarea în cache. Întrucât paginile sunt adesea supuse ajustărilor de preț în timpul campaniilor, recenzii pentru produse, informații de livrare furnizate de serviciile internaționale de curierat și așa mai departe, memorarea în cache a browserului poate fi puțin dificilă pentru comercianții online.

Prin urmare, este esențial să se facă distincția între fișierele care oferă material cu adevărat stabil – stiluri CSS, logo-uri, navigare și așa mai departe – și fișierele care includ conținut care este predispus la schimbare. Apoi puteți codifica după cum este necesar. Rețineți că este perfect ușor să scrieți anumite elemente ale paginii, cum ar fi anteturile și subsolurile, precum și fișiere mai mari (cum ar fi foile de stil CSS) care nu sunt sensibile la timp, iar simpla activare a stocării în cache pentru acestea va îmbunătăți viteza site-ului.

4. Utilizați o rețea de livrare de conținut (CDN)

O rețea de livrare de conținut poate fi definită ca o colecție de servere situate pe tot globul. Aceștia au sarcina de a distribui încărcătura de livrare către serverul cel mai apropiat de locația utilizatorului, rezultând experiențe mai rapide ale utilizatorului local. Un CDN este o componentă nenegociabilă pentru performanța platformei, deoarece mai multe companii de comerț electronic merg în întreaga lume.

Fișierele site-ului dvs. vor fi copiate și stocate pe aceste servere după ce utilizați un CDN. Atunci când consumatorii de pe diferite continente (sau chiar țări) vă vizitează magazinul online, toate datele sunt încărcate de pe serverul care este cel mai apropiat de ei, permițând site-ului web să se încarce semnificativ mai rapid.

Un CDN este o alegere excelentă pentru site-urile de comerț electronic cu trafic ridicat. PoP-urile de înaltă densitate le permit să ofere mai multe informații statice și bazate pe evenimente din cache. Ca rezultat, eficiența accesării în cache se îmbunătățește cu până la 90%-98%, ceea ce permite utilizatorilor tăi o experiență mai bună. De asemenea, îmbunătățește clasamentul motoarelor de căutare ca urmare a reglajului valorilor de performanță. O conexiune CDN facilitează întreținerea site-ului pe termen lung și are ca scop îmbunătățirea vitezei generale a site-ului.

5. Încercați Lazy Loading

Dacă un site web durează câteva secunde să se încarce, puteți îmbunătăți experiența utilizatorului prin accelerarea în partea de sus a paginii. Încărcarea leneră este o metodă care funcționează bine pentru site-urile care au mult conținut sub fold. API-ul este adoptat de 17% dintre site-uri web, ceea ce este un număr substanțial, având în vedere că a fost lansat în 2019. Datorită încărcării leneșe, va încărca mai întâi imaginile în interiorul afișajului, apoi toate celelalte imagini mai târziu.

Utilizatorul nu va trebui să aștepte mult pentru a accesa site-ul, iar fotografiile se vor încărca imediat ce sunt disponibile. Acest lucru va reduce semnificativ timpul necesar pentru încărcarea articolelor cu un număr mare de fotografii. Este simplu să configurați acest plugin. Sunt disponibile pluginuri precum Lazy load, BJ Lazy load, WP Rocket și altele.

6. Dezvoltați AMP și PWA

Având în vedere că 52% din traficul de internet provine de la smartphone-uri, este important să vă optimizați magazinele de comerț electronic pentru acele dispozitive. Accelerated Mobile Pages (AMP) și Progressive Web Apps (PWA) au făcut mai ușoară creșterea vitezei site-ului pe dispozitivele mobile.

Google a creat cadrul de dezvoltare AMP, care constă dintr-un subset HTML (AMP HTML), un cadru JavaScript și un CDN opțional, pentru a permite dezvoltatorilor să furnizeze pagini mobile extrem de rapide, fără a investi resurse considerabile în optimizarea vitezei. În timp ce AMP a fost creat având în vedere site-urile web bazate pe conținut, devine din ce în ce mai popular printre magazinele online.

O aplicație web progresivă (PWA) este o aplicație web care poate fi accesată folosind un browser mobil. Acestea imită multe dintre caracteristicile aplicațiilor, cum ar fi accesul prin intermediul unei pictograme pe ecranul de pornire al mobilului, o implicare mai bună (până la 400%) și notificările push, dar fără a solicita utilizatorilor să instaleze nimic pe telefoanele lor.

Încheierea

Toate aceste trucuri subestimate vă vor înarma cu cele mai eficiente modalități de a îmbunătăți viteza site-ului dvs. Ar trebui să încercați să încorporați aceste elemente în site-ul dvs. de comerț electronic pentru a transforma traficul în venituri, pentru a minimiza rata de pierdere și pur și simplu pentru a vă încânta clienții cu o experiență de utilizator excepțională.