7 moduri de a optimiza viteza magazinului dvs. Shopify

Publicat: 2022-08-05

Aproape 1/4 dintre vizitatori părăsesc site-ul dacă se încarcă mai mult de 4 secunde. 46% dintre aceștia nu revin niciodată pe site din cauza performanței slabe a site-ului. Un site lent duce la o experiență slabă a clienților și îi alungă pe clienți.

Ați aștepta vreodată 15 secunde doar pentru ca site-ul să-și încarce conținutul? Părăsiți instantaneu site-ul și căutați alte magazine. Deci, un site lent îngreunează traficul site-ului și crește rata de respingere. Ambele influențează negativ baza potențială de clienți.

Viteza site-ului nu se referă doar la întreținerea tehnică. Ea influențează direct veniturile. Deci, cum remediam viteza site-ului magazinului dvs. Shopify? Astăzi, vom analiza 7 sfaturi pentru a optimiza viteza site-ului magazinului dvs. Shopify.

1. Optimizarea imaginii
2. Analizați aplicațiile de la terți
3. Implementați AMP (Accelerated Mobile Pages)
4. Alegeți temele și funcțiile potrivite
5. Încărcătoare leneșe
6. Evitați ferestrele pop-up
7. Reduceți redirecționările și linkurile întrerupte
8. Shopify Store Site Benchmark Speed

Shopify oferă un scor de viteză a site-ului pe tabloul de bord în sine. Acest scor măsoară cât de repede se încarcă site-ul dvs. pe baza valorilor de performanță Google Lighthouse. Un scor mediu de viteză a site-ului Shopify este de 50. Orice lucru peste 70 este un scor de viteză excelent.

În cazul în care scorul site-ului dvs. este sub 50, ar trebui să utilizați aceste tactici pentru a îmbunătăți performanța site-ului. În afară de aceasta, ar trebui să obțineți ajutor profesionist pentru nuanțe tehnice, cum ar fi minimizarea scriptului Java și HTML sau blocarea redării CSS și Javascript. Site-urile Shopify funcționează foarte mult pe HTML, CSS, Javascript etc., ceea ce încetinește site-ul. Deci, dacă niciunul dintre sfaturile menționate mai jos nu funcționează, verificați codurile și back-end-ul site-ului.

1. Optimizarea imaginii

Începeți cu elementele de bază: imagini. Imaginile de înaltă rezoluție pot încetini viteza site-ului. Și dacă magazinul dvs. are mai multe imagini HD, grafică și videoclipuri, atunci site-ul dvs. va rămâne foarte întârziat. Iată 5 moduri de a optimiza imaginile și de a îmbunătăți viteza site-ului:

Încărcați imagini comprimate

Acestea reduc dimensiunea fișierului și se încarcă pe site. Cu toate acestea, asigurați-vă că respectați dimensiunile specificate ale imaginii pentru a evita imaginile de calitate scăzută.

Evitați glisoarele și optați pentru un aspect erou

Doar 1% dintre vizitatori trec prin glisoare. Deci, în loc să optați pentru 4-7 imagini HD, utilizați 1 imagine de înaltă rezoluție.

Evitați GIF-urile sau videoclipurile.

Dacă produsul dvs. necesită mai multe imagini, alegeți 3-4 imagini de înaltă rezoluție. Un GIF sau un videoclip de înaltă calitate poate rămâne în întârziere și poate dura mult timp să se încarce în sistemul vizitatorului.

Utilizați un încărcător amânat

În cazul în care nu puteți renunța la încărcarea multor imagini, videoclipuri sau GIF-uri, în acest caz, site-ul încarcă numai conținut disponibil pe ecranul utilizatorului. Deci, atâta timp cât utilizatorul nu deschide glisorul sau nu ajunge la videoclip, acesta nu va fi încărcat. Ca rezultat, nu numai încărcarea limitată a conținutului, ci și site-ul rulează mai rapid.

Respectați imaginile statice

În loc de GIF-uri sau videoclipuri, ele economisesc încărcătura pe site și îmbunătățesc viteza semnificativ.

2. Analizați aplicațiile de la terți

Instalarea unei aplicații terță parte este o practică standard pentru proprietarii de magazine Shopify. Acestea le adaugă pentru performanță îmbunătățită, adăugând funcții, automatizare și multe altele. Cu toate acestea, obținerea multor aplicații afectează și codul. Aceasta duce la viteză mică. Asa de?

  • Identificați aplicațiile care nu au niciun scop și sunt inutile.
  • Dezinstalați aceste aplicații. În cazul în care anumite funcții ale aplicației sunt ineficiente, eliminați-le.
  • Dezactivarea funcțiilor sau dezinstalarea aplicațiilor nu elimină integrarea codului. Deci, trebuie să le eliminați manual.

Eliminați aplicațiile neutilizate. În afară de asta, căutați alternative la aplicațiile care interferează cu viteza site-ului.

3. Implementați AMP (Accelerated Mobile Pages)

În 2020, 61% din traficul site-ului web a venit de pe dispozitive mobile din SUA. Mai mult de jumătate dintre utilizatori vă verifică magazinul de pe telefoane. Dar, telefonul durează mai mult pentru a încărca un site web normal pe un computer. Deci, optimizarea site-ului dvs. pentru telefoane nu este negociabil.

Echipa dumneavoastră tehnică vă poate ajuta cu optimizarea mobilă. Cu toate acestea, puteți adăuga unele aplicații din directorul a treia aplicație Shopify la DIY. Aplicații precum FireAMP și Shopsheriff ajută în AMP. Este nevoie de o perioadă considerabilă de timp pentru a le configura. Cu toate acestea, puteți atinge un public mult mai mare făcând acest lucru.

4. Alegeți temele și funcțiile potrivite

Shopify are o bibliotecă vastă de teme, funcții și fonturi. Acestea îmbunătățesc designul site-ului dvs. web pentru a-l face să arate atractiv. Cu toate acestea, cu fiecare temă/funcție suplimentară, site-ul încetinește.

  • Asigurați-vă că adăugați o temă receptivă . Verificați dacă tema încetinește site-ul, apoi înlocuiți-o.
  • Analizați dacă toate caracteristicile adăugate sunt utilizate sau nu. În cazul în care, dacă o caracteristică nu are valoare, atunci eliminați/dezactivați-o.
  • Optați pentru fonturi de sistem : Mono, Serif și Sans-serif. Evitați fonturile de lux pe care sistemul utilizatorului trebuie să le descarce mai întâi. În astfel de cazuri, este nevoie de mult timp pentru a descărca fontul, a încărca fontul și a încărca site-ul web. Chiar dacă Shopify oferă multe opțiuni pentru fonturi, rămânerea la fonturile de bază ale sistemului funcționează bine.

Toate temele și funcțiile sunt grele pe CSS/HTML, ceea ce afectează viteza site-ului. Alegeți-le cu înțelepciune și evitați elementele inutile.

5. Încărcătoare leneșe

Lazy loading este o tehnică de optimizare în care pagina încarcă doar conținut limitat. Dacă utilizatorul se află într-o anumită parte a magazinului/site-ului, acesta încarcă doar acea parte specifică. Este similar cu încărcarea video amânată. Cu excepția cazului în care nu este necesar, pagina va încărca doar elemente cu care utilizatorul se angajează.

Este eficient pentru magazinele care adaugă multe imagini, videoclipuri, GIF-uri și alte fișiere grele. Poate economisi un timp considerabil de încărcare și poate crește viteza site-ului.

6. Evitați ferestrele pop-up

Ferestrele pop-up sunt cruciale pentru companii pentru a evidenția produse informative sau buletine informative. Ele ajută conținutul specific să fie în centrul atenției pentru a atrage mai multă atenție. Cu toate acestea, reduc viteza site-ului și influențează experiența utilizatorului.

  • Scapă cu ferestre pop-up mari care ocupă întreaga pagină. Acestea măresc timpul de încărcare și duc la întârzieri/înghețuri ale site-ului. De asemenea, poate fi frustrant pentru utilizator să obțină o fereastră pop-up care să acopere întreaga pagină.
  • Folosiți ferestre pop-up pe anumite pagini de mare valoare. Nu trebuie să adăugați pop-up pe fiecare site/pagină de magazin. Analizați cerințele și utilizați-le în consecință.
  • Afișează o fereastră pop-up după câteva secunde când un utilizator trece cu mouse-ul pe site-ul tău. Un utilizator care intră și iese din site-ul dvs. web nu s-ar implica cu pop-up-ul dvs. Așadar, adăugați o fereastră pop-up după 7-15 secunde de la aterizarea utilizatorului în magazinul dvs. Sunt mai eficiente și au o rată de clic mai bună.

7. Reduceți redirecționările și linkurile întrerupte

Un magazin poate avea diverse redirecționări sau link-uri întrerupte. Cu toate acestea, ele întârzie site-ul, iar viteza se reduce semnificativ. Puteți remedia acest lucru direct prin intermediul tabloului de bord Shopify făcând o redirecționare 404.

Alternativ, puteți adăuga o redirecționare 301 care duce utilizatorul la o nouă adresă URL. De asemenea, puteți elimina aceste legături cu ajutorul echipei tehnice. Ei ar elimina orice linkuri rupte și ar reduce redirecționările.

În plus față de toate aceste sfaturi, puteți folosi Google Manager de etichete pentru optimizarea magazinului. Migrați codul la instrument, ceea ce vă ajută să încărcați întregul cod împreună. Din punct de vedere tehnic, există multe modalități de a îmbunătăți viteza magazinului. Ar putea însemna reducerea HTML/CSS, blocarea randării, eliminarea codurilor inutile și migrare.

Dar, cât ar trebui să ia în medie site-ul dvs. pentru a se încărca? Să ne uităm la câteva repere.

8. Shopify Store Site Benchmark Speed

O viteză bună a magazinului Shopify, disponibilă pe tabloul de bord, este orice peste 50. Dar există și alte instrumente pe care le puteți implementa pentru a vă verifica viteza site-ului.

Un site durează în medie aproximativ 3,8 secunde pentru a încărca prima imagine și 22,1 secunde pentru a deveni interactiv. Site-ul dvs. durează mai mult? Verificați viteza de încărcare a site-ului pentru magazinul dvs. Shopify.

Iată un grafic care demonstrează mediile și cele mai bune valori de referință pentru viteza magazinului Shopify.

Detalii Top 20% magazine In medie
Încărcați prima imagine 2,78 secunde 3,8 secunde
E timpul să interactivezi 8,98 secunde 22,1 secunde
Mărimea paginii 2,1 Mb 4,41 Mb
Imagini 1,11 Mb 2,1 Mb
Cereri 72 177

În plus, puteți verifica și viteza site-ului dvs. aici.

Când utilizați aceste site-uri, rulați testul de trei ori pentru a obține o imagine clară. Utilizați medii de acolo încolo, dar nu depindeți de un singur test. Acest lucru asigură rezultate mai bune și o imagine clară a vitezei magazinului.

Întrebări frecvente

Care este cea mai bună viteză pentru magazinul Shopify?

Scorul de viteză Shopify este reflectat pe tabloul de bord însuși. Magazinele ar trebui să încerce să obțină un scor peste 50. Un scor de viteză de 70 este considerat excelent pentru magazinul Shopify.

Care sunt cele mai comune articole care încetinesc un site web, în ​​special un site Shopify?

Cele mai comune articole care afectează viteza magazinului sunt imaginile și codurile grele de back-end. Imaginile de înaltă rezoluție, videoclipurile și GIF-urile necesită timp pentru a se încărca și devin interactive. Pe de altă parte, temele, funcțiile și aplicațiile terță parte cresc codul site-ului web, ceea ce scade viteza magazinului.