9 sfaturi pentru optimizarea vitezei site-ului Shopify

Publicat: 2020-06-29

Shopify este o platformă incredibil de accesibilă, cu companii uriașe precum Lindt capabile să-și creeze și să-și deschidă magazinul de comerț electronic în doar 5 zile. Este ușor să lansați un magazin și să începeți tranzacționarea în cel mai scurt timp și are o mulțime de funcționalități încorporate pentru a ușura acest proces.

Cu toate acestea, există câteva lucruri pe care comercianții trebuie să le cunoască pentru a profita la maximum de magazinele lor. Viteza site-ului rămâne unul dintre acești factori critici. Un site cu încărcare lentă are multe dezavantaje: de la implicare scăzută și rate mari de respingere, până la trafic mai puțin, vânzări mai scăzute și chiar clasarea deteriorată în motoarele de căutare (Google adoră paginile cu un timp de încărcare rapid), este logic să faci tot ce poți pentru a-ți site-ul cât mai repede posibil.

În acest articol, vom examina modalități de a evalua viteza actuală a site-ului și apoi vă vom oferi sfaturile noastre de top pentru a ne asigura că faceți tot ce puteți pentru a-i crește viteza.

Cum să verificați viteza actuală a site-ului dvs. Shopify

Utilizați PageSpeed ​​Insights, care vă va oferi un scor de viteză și recomandări pentru îmbunătățiri. Acesta va separa rezultatele desktop și cele mobile și va face recomandări precum:

  • Optimizați-vă imaginile
  • Reduceți JavaScript și CSS
  • Eliminați JavaScript și CSS care blochează redarea deasupra paginii
  • Profitați de stocarea în cache a browserului și reduceți timpul de răspuns al serverului
  • Evitați redirecționările
  • compresie Gzip

Doar rularea testului pe pagina dvs. de pornire nu este suficientă - merită să testați cel puțin primele 10 pagini cele mai vizitate ale site-ului dvs. - aici îmbunătățirile de viteză vor avea cel mai mare impact. Consultați ghidul nostru pentru desfășurarea și interpretarea unui audit de viteză pe site.

Există totuși câteva avertismente pentru instrumentul Insights. Deși este util, merită să aveți în vedere câteva lucruri. Ea marchează site-urile care se bazează în mare măsură pe Javascript (cum o fac majoritatea site-urilor Shopify) și judecă site-urile în funcție de o listă de verificare tehnică care nu ține cont de unele considerații practice. De asemenea, poate varia în funcție de cât de multă lățime de bandă este disponibilă în momentul efectuării testului.

Îmi amintesc un client de la o altă agenție al cărui scor a scăzut de la 98 la 96 în urma unor modificări ale site-ului și a insistat să recupereze scorul făcând alte modificări. Ceea ce nu au înțeles că, să facă acest lucru, ar putea distruge sau submina alte zone ale site-ului lor și nu numărul din scor a fost factorul critic, ci capacitatea de utilizare și viteza în lumea reală a site-ului în sine.

Așadar, în rezumat: este un ghid bun pentru a vă face o idee despre unde vă aflați cu viteza site-ului dvs., dar nu cu totul și cu totul.

De asemenea, puteți utiliza Pingdom sau GTmetrix pentru a vă evalua viteza paginii - încercarea de câteva instrumente diferite vă va oferi o imagine de ansamblu mai amplă asupra performanței vitezei, problemelor și acțiunilor de remediere.

Cum să vă creșteți viteza site-ului

Odată ce vă faceți o idee despre performanța site-ului dvs., este posibil să aveți câteva acțiuni recomandate care apar în spatele oricărui instrument prin care ați rulat paginile. Dacă da, pentru a le completa, iată primele zece acțiuni pe care le puteți lua pentru a vă crește viteza site-ului.

1 Utilizați AMP pentru a face paginile mai rapid

AMP (pagini mobile accelerate) ajută la îmbunătățirea vitezei de încărcare a paginii pe dispozitivele mobile. Premisa este de a servi paginile web într-un format standard (definit de Google) pentru a reduce dimensiunea paginii și timpul de încărcare. De exemplu, tot conținutul paginii este încărcat odată, iar browserele cunosc în prealabil aspectul paginilor AMP.

Deși Shopify nu oferă versiuni AMP ale magazinelor sale ca standard, există aplicații precum RocketAmp disponibile în magazinul de aplicații care vor crea versiuni AMP ale paginilor magazinului dvs. în numele dvs. Rețineți că dacă urmați acest traseu și nu mai utilizați aplicația mai târziu, ar putea cauza probleme cu erorile de pagină.

2 Optimizarea imaginii

Comprimarea imaginilor este importantă pentru o încărcare mai rapidă a paginilor web, în ​​special pe site-urile de comerț electronic.

Comprimarea imaginii înseamnă luarea imaginii în dimensiunea inițială și apoi reducerea dimensiunii fișierului, fără a afecta calitatea acesteia.

Shopify vă permite să utilizați următoarele formate de imagine:

  • JPEG sau JPG
  • JPEG progresiv
  • PNG
  • GIF

Imaginile PNG sunt utile dacă aveți nevoie de pixeli transparenți în imagine (i veți vedea adesea cu un model de grilă în fundal care indică partea transparentă), dar de obicei ocupă mai mult spațiu decât JPEG-urile, așa că luați în considerare utilizarea JPEG-urilor ca standard dacă poate sa.

Există două niveluri de compresie:

  • „compresie fără pierderi”, care vă oferă un fișier mic, fără nicio reducere a calității imaginii
  • „compresie cu pierderi”, ceea ce are ca rezultat un fișier și mai mic, DAR un sacrificiu în calitatea imaginii

Ambele opțiuni sunt disponibile pentru dvs., dar în calitate de site de comerț electronic care vinde produse, este probabil ca imaginile să fie o parte importantă a convingerii clienților să cumpere. Într-un sondaj recent efectuat de Eastside Co pe 1.500 de cumpărători online, 37,8% dintre respondenți au spus că au considerat că imaginile produselor sunt „foarte sau extrem de influente” în deciziile lor de cumpărare. Având în vedere acest lucru, luați în considerare utilizarea compresiei fără pierderi pentru fișiere mai mici, dar fără o reducere a calității.

Când încărcați imagini pe site-ul dvs., asigurați-vă că acestea au dimensiunea necesară pentru pagină în ceea ce privește lățimea și înălțimea pixelilor. Puteți folosi instrumentul gratuit tinypng.com pentru a reduce dimensiunea imaginilor.

3 Utilizați o temă rapidă și receptivă

Dacă utilizați o temă ieșită din cutie, spre deosebire de utilizarea serviciilor unui expert Shopify precum Eastside Co, asigurați-vă că alegeți una care este rapidă și receptivă. Aceasta înseamnă că vor modifica elementele de pe site-ul dvs. în funcție de dimensiunile dispozitivului utilizat pentru a-l vizualiza, oferind o experiență de utilizator mai bună și mai rapidă.

4 Examinați aplicațiile instalate în magazinul dvs

Accesați administratorul magazinului dvs. Shopify și examinați toate aplicațiile pe care le-ați instalat și eliminați pe cele de care nu aveți nevoie sau pe care nu le utilizați. Adesea, problema din spatele vitezei mai lente a site-urilor Shopify este numărul de aplicații care rulează pe ele: fiecare aplicație pe care o instalați este mai mult cod pe site-ul dvs. și mai multe elemente de încărcat.

Pe lângă aplicații, merită să vă uitați la orice cod terță parte pe care îl utilizați și să aveți o ordine generală dacă există ceva care nu mai este necesar.

5 Reduceți numărul de solicitări HTTP

De fiecare dată când un vizitator încarcă una dintre paginile dvs. web în browserul său, sunt încărcate și fișiere web suplimentare, cum ar fi fișiere CSS, JavaScript, imagini de design etc. De fiecare dată când este solicitat un fișier ca acesta, se creează o solicitare suplimentară pentru browser. a procesa. Acestea sunt cunoscute ca solicitări HTTP și cu cât sunt mai multe, cu atât va dura mai mult.

Există o serie de pași tehnici pe care îi puteți lua pentru a reduce numărul de solicitări HTTP. Acest articol oferă 9 acțiuni care vă vor ajuta să faceți acest lucru și să creșteți viteza site-ului dvs.

6 Minimizați linkurile și redirecționările întrerupte

Link-urile întrerupte pot crește solicitările dvs. HTTP (vezi punctul 5) și nu doriți ca vizitatorii dvs. să ajungă pe ele, deoarece crește șansa de a părăsi magazinul dvs. și de a face cumpărături în altă parte.

Redirecționările inutile (pagina A indică pagina B, care indică pagina C unde vizitatorul ajunge în cele din urmă, de exemplu) înseamnă că este nevoie de mai mult timp pentru ca vizitatorul tău să ajungă și trage în jos viteza generală a site-ului.

Există aplicații disponibile în magazinul de aplicații Shopify pentru a identifica link-urile și redirecționările întrerupte și pentru a vă ajuta să le remediați în mod continuu.

7 Scăpați de glisoarele și imaginile carusel

Glisoarele persistă pe unele site-uri web, dar am recomanda o singură imagine erou peste un carusel de imagini. De ce?

  • Aproape nimeni nu face clic pe primul diapozitiv, darămite așteaptă să-l vadă pe al doilea sau pe al treilea
  • Fiecare diapozitiv înseamnă o greutate suplimentară pentru pagină și, deoarece nimeni nu le vede sau le folosește cu adevărat, acestea sunt în mare parte redundante
  • Sunt și mai puțin eficiente pe dispozitivele mobile

Utilizați în schimb o imagine „erou” (optimizată așa cum este descris). Este tot ce ai nevoie.

8 Puneți tot codul de urmărire prin Google Tag Manager (GTM)

Mutați oricare dintre codurile terță parte pe care le utilizați în Managerul de etichete Google. În timp, software-ul de marketing sau codul de analiză va fi adăugat pe site-ul dvs. și poate deveni greu de utilizat. Utilizarea GTM înseamnă că tot codul terță parte este mai ușor de gestionat, plus că se încarcă doar pe paginile relevante. De asemenea, înseamnă că puteți urmări totul și puteți elimina orice elemente care devin redundante pe linie.

9 Încărcare leneșă

Aceasta este o altă modalitate ușoară de a crește viteza magazinului dvs. Shopify. Încărcarea leneră este o metodă prin care orice lucru care nu este „de deasupra pliului” pe o pagină nu este încărcat până când utilizatorul derulează mai jos.

Acesta este un „triș” grozav pentru optimizarea vitezei pe paginile care au un număr mare de imagini sau prezintă videoclipuri mai jos. În esență, preluați elemente doar așa cum sunt necesare, în loc să încărcați totul în același timp. Consultați acest ghid aprofundat despre cum să implementați încărcarea leneșă din trucuri CSS.

Iată: 9 puncte practice de care trebuie să țineți cont pentru a vă asigura că faceți tot ce puteți pentru a crește viteza site-ului. Dacă aveți nevoie de asistență cu magazinul dvs. Shopify, de la viteza site-ului până la creșterea vânzărilor, scrieți-ne!