11 moduri de a vă optimiza site-ul de comerț electronic pentru viteză

Ca afacere de comerț electronic, optimizarea performanței site-ului dvs. ar trebui să fie una dintre prioritățile dvs. de top.

Acest lucru se datorează faptului că conversiile dvs. sunt direct afectate de cât de repede se încarcă paginile dvs. Consumatorii de astăzi se așteaptă la site-uri uluitor de rapide. Dacă magazinul dvs. online este lent din orice motiv, riscați să pierdeți clienți și, în cele din urmă, venituri.

De fapt, veți pierde 20% dintre vizitatori dacă întâmpină o întârziere de 3 secunde în timpul de încărcare a paginii, spune un studiu din 2016 al Grupului Aberdeen.

Cat de rapid e rapid? În medie, site-urile de vânzare cu amănuntul la nivel mondial care au funcționat în 2017 între Black Friday și 3 ianuarie au fost complete vizual și gata de utilizare în 2,5 secunde, potrivit companiei de management al performanței digitale Dynatrace.

Iată câteva modalități cheie de a vă asigura că site-ul dvs. este optimizat pentru viteză:

1. Limitează numărul de căutări DNS

De fiecare dată când se încarcă site-ul dvs. de comerț electronic, browserul trebuie să găsească adresa IP care corespunde numelui dvs. de domeniu. Aceasta se numește căutare DNS (sistem de nume de domeniu).

Browserul trebuie să caute domeniul dvs. principal, precum și orice domenii de pe pagina dvs. care provin dintr-o sursă externă, cum ar fi un feed Twitter sau un videoclip YouTube încorporat. Prin urmare, reducerea numărului de interogări către surse externe de pe site-ul dvs. va minimiza diferitele căutări DNS pe care trebuie să le facă clientul, ceea ce ar putea întârzia încărcarea inițială a paginii. În loc să faceți hyperlink la imagini, de exemplu, le puteți găzdui pe serverul dvs.

De asemenea, puteți căuta un furnizor DNS mai rapid, puteți modifica valorile TTL (time-to-live) pentru a profita de memorarea în cache DNS sau puteți muta cât mai multe resurse într-o rețea de livrare de conținut (mai multe despre asta mai târziu).

2. Investește în căutări mai bune de găzduire web

Găzduirea web de încredere și rapidă este un factor critic în viteza site-ului dvs. Și nu toate gazdele web sunt create egale. Veți dori să găsiți un serviciu care poate face față creșterilor mari ale traficului web și tranzacțiilor (cum ar fi în timpul unei lansări mari de produs sau în perioada de Black Friday până la CyberMonday).

Nu există o soartă mai rea pentru un site de comerț electronic decât să fie inaccesibil pentru vizitatori. Un serviciu bun de găzduire va garanta un timp de funcționare de 99,5% sau mai mult. O gazdă premium va promite timp de funcționare de până la 99,99%.

Fără îndoială, veți dori certificare SSL și o adresă IP dedicată.

3. Comprimați-vă fotografiile

Imaginile reprezintă 50-75% din greutatea totală a site-ului dvs. web, dar, în mod surprinzător, aproximativ 45% din primele 100 de site-uri de comerț electronic nu se obosesc să-și comprima imaginile. Ei ar trebui și tu ar trebui. Puteți opta pentru compresie fără pierderi care reduce dimensiunea fișierului fără a reduce calitatea.

Ar trebui să setați întotdeauna dimensiunile imaginii în codul dvs., astfel încât browserul să nu fie nevoie să aștepte ca imaginea dvs. să fie redată complet înainte de a trece la alte elemente de pe pagină. Pur și simplu va lăsa o cutie cu dimensiunile prestabilite și va continua să lucreze la încărcarea site-ului.

Comprimați-vă imaginile în Photoshop sau utilizați un compresor de imagini, cum ar fi TinyPNG sau Kraken.io.

4. Prioritizează încărcarea deasupra pliului

Deoarece partea de sus a site-ului dvs. va fi primul lucru pe care îl văd vizitatorii dvs., este logic să se încarce ceva „de mai sus” mai repede decât restul site-ului. Un alt termen pentru acest proces este încărcare lenevă. Este deosebit de utilă pentru a accelera site-urile web cu o singură pagină, cu imagini grele, care au devenit o alegere populară de design pentru multe mărci.

Pentru instrucțiuni despre cum să activați încărcarea leneră, accesați aici.

5. Memorați pagina dvs. în cache

În loc să forțeze un utilizator să descarce fiecare componentă a fiecărei pagini la fiecare vizită, memorarea în cache permite ca browserul să memoreze elemente globale, astfel încât numai elementele noi vor fi necesare o solicitare de browser.

Memorarea în cache vă accelerează timpul de încărcare, deoarece elementele paginii, cum ar fi indecșii de căutare pe site, informațiile din catalog, informațiile despre utilizator, blocurile din bara laterală, instrucțiunile de aspect și fișierele de traducere sunt stocate de browser. Aceste elemente rămân de obicei aceleași pe fiecare pagină, așa că nu este nevoie ca browserul să solicite aceste resurse de fiecare dată când vizitatorul face clic pe o pagină nouă.

Pentru a activa memorarea în cache a browserului, trebuie să editați antetele HTTP pentru a seta timpi de expirare mai lungi pentru anumite tipuri de fișiere. Iată câteva recomandări de la dezvoltatorii Google.

6. Reduceți solicitările HTTP

Aproximativ 80% din timpul de răspuns al site-ului web este dedicat descărcării de elemente pentru front-end, cum ar fi imagini, foi de stil, scripturi, elemente Flash etc. Reducerea numărului de elemente reduce numărul de solicitări HTTP necesare pentru redarea completă a paginii. .

Cel mai simplu mod de a face acest lucru este să vă simplificați designul site-ului. Dar aceasta nu este o opțiune viabilă în multe cazuri. Puteți utiliza sprite-uri CSS și hărți de imagine pentru a combina mai multe imagini într-o singură imagine și, prin urmare, pentru a reduce numărul de solicitări de imagini. De asemenea, puteți combina toate foile de stil într-un singur fișier și, de asemenea, puteți combina toate CSS într-o singură foaie de stil.

7. Utilizați compresia Gzip

Când un vizitator accesează site-ul dvs., serverul dvs. este solicitat să livreze fișierele. Este logic că, cu cât fișierele sunt mai mari, cu atât va dura mai mult pentru a ajunge la browser.

Comprimarea Gzip permite serverului dvs. să comprima fișierele site-ului înainte de a le returna în browser, reducând drastic timpul de transfer. De fapt, gzip poate reduce dimensiunea paginilor și foilor de stil cu 90%!

Comprimarea este activată prin configurarea serverului web. Fiecare server web va avea instrucțiuni diferite. Urmați acest tutorial Google pentru mai multe detalii.

8. Utilizați o rețea de livrare de conținut

Dacă sunteți o afacere globală de comerț electronic cu vizitatori din întreaga lume, cu siguranță ar trebui să utilizați o rețea de livrare de conținut pentru a optimiza performanța site-ului dvs. Un CDN funcționează prin răspândirea nodurilor de server pe tot globul, astfel încât vizitatorii site-ului dvs. să poată descărca resurse stocate în cache la cel mai apropiat nod de ei, îmbunătățind eficiența și reducând latența de încărcare.

Furnizorii CDN se laudă cu conducte de rețea mai mari, mai multe servere situate în întreaga lume și capabilități de interogare a rețelei decât este probabil să aveți. În plus, au echipe dedicate care își monitorizează și optimizează în mod constant infrastructura.

Selectarea CDN-ului potrivit poate fi dificilă. Începeți cu acest ghid.

9. Minimizează-ți codul

Minificarea este procesul de eliminare a tuturor caracterelor inutile, cum ar fi spațiile albe și liniile din codul sursă, fără a afecta funcționalitatea acestuia, permițând browserelor să încarce paginile mai rapid. Procesul implică fișiere HTML, CSS și JavaScript și poate face o mare diferență în accelerarea timpilor de încărcare. Minificarea reduce atât dimensiunea fișierelor, cât și numărul de fișiere necesare.

Urmați aceste resurse pentru a vă curăța codul și pentru a facilita afișarea paginii de către browsere.

10. Utilizați încărcarea asincronă

Când un browser încarcă o pagină, aceasta se deplasează de sus în jos. Puteți accelera lucrurile permițând scripturilor dvs. precum CSS și Javascript să se încarce simultan. Aceasta se numește încărcare asincronă. Dacă scripturile dvs. se încarcă sincron, se încarcă în ordinea în care apar pe pagină, ceea ce poate fi un proces mai lent.

Urmați acest ghid pentru a înțelege de bază cum să activați încărcarea asincronă.

11. Monitorizați continuu viteza site-ului dvs

În cele din urmă, vom încheia de unde am început: trebuie să faceți performanța site-ului o prioritate în fiecare zi. Aceasta înseamnă că trebuie să vă monitorizați în mod constant site-ul pentru probleme și să căutați modalități de optimizare pentru viteză și eficiență.

PageSpeed ​​Insights de la Google oferă un instrument bun pentru a analiza viteza site-ului dvs. pe mobil și desktop.

Un alt instrument excelent pentru examinarea vitezei site-ului este disponibil de la Pingdom.

Amintiți-vă acea regulă generală: pentru fiecare secundă în care durează site-ul dvs. să se încarce, veți pierde 10% dintre vizitatorii dvs. Ai.