Îmbunătățirea performanței magazinului dvs. online

Magazinul dvs. online este format dintr-un set de caracteristici, cum ar fi codul temei, aplicații, imagini, videoclipuri, carusele, fluxuri de pe rețelele de socializare și date analitice. Aceste caracteristici pot îmbunătăți experiența vizitatorului și pot extinde abilitățile site-ului dvs.

Cu toate acestea, fiecare caracteristică pe care o adăugați magazinului dvs. online poate afecta performanța acestuia. Unele caracteristici pot încetini site-ul sau pot crea comportamente neașteptate care pot afecta experiența utilizatorului.

Performanța web se concentrează pe optimizarea experienței utilizatorului. În prezent, performanța web se concentrează pe trei domenii majore, care se reflectă și în Core Web Vitals:

Viteza de încărcare, măsurată prin Cea mai mare afișare de conținut (LCP)
Stabilitatea aspectului, măsurată prin Schimbare cumulativă de aspect (CLS)
Receptivitatea la interacțiunea cu utilizatorul, măsurată prin Interacțiune până la următoarea afișare (INP)

Optimizarea performanței web înseamnă că este mai probabil ca clienții dvs. să rămână pe site și să convertească.

Pe această pagină

Optimizări pentru magazinul dvs. online

Magazinul dvs. online are optimizarea web integrată. Optimizarea web este, de asemenea, integrată în orice caracteristici noi. Nu trebuie să faceți nimic special pentru a beneficia de următoarele caracteristici:

Magazinul dvs. online este găzduit pe servere globale rapide și nu limitează lățimea de bandă a magazinului. Puteți verifica starea magazinului dvs. Shopify pe Shopify Status.
Magazinul dvs. online are o rețea de livrare a conținutului (CDN) administrată de Cloudflare, care se asigură că magazinul dvs. online se încarcă rapid în întreaga lume. Puteți verifica starea CDN-ului pe pagina de stare Cloudflare.
Pentru a menține timpii de încărcare rapizi, imaginile sunt optimizate automat folosind CDN-ul de imagini. Combinat cu codul temei dvs., CDN-ul de imagini poate servi cel mai bun format de imagine, care este, de asemenea, redimensionat și comprimat pentru a menține dimensiunile fișierelor mici.

Factori care afectează performanța web

Pentru magazinele Shopify, următorii sunt cei mai importanți factori care afectează performanța web:

Tema magazinului dvs. online
Aplicațiile pe care le-ați instalat
Orice cod extern suplimentar pe care l-ați adăugat manual magazinului, inclusiv managerii de etichete și etichetele din cadrul acestora

Aceasta înseamnă că ar trebui să vă concentrați pe următoarele aspecte pentru a vă îmbunătăți performanța web:

Utilizați o temă actualizată și optimizată. Toate temele din familia Horizon și temele Online Store 2.0 de la Shopify sunt gratuite și optimizate pentru performanță web. În plus, multe alte teme externe sunt, de asemenea, optimizate pentru performanța web. Puteți consulta cele mai recente date privind performanța temelor.
Dacă tema dvs. oferă tranziții de pagină sau alte animații, comparați performanța web înainte și după activarea acestora. Animațiile pot încetini paginile.
Evitați să adăugați prea multe secțiuni la șabloanele de pagină din tema dvs. Un număr mare de secțiuni în pagini poate reduce performanța web.
Dacă aveți colecții cu un număr mare de produse, luați în considerare activarea paginării pentru a limita numărul de produse care se încarcă simultan.
Evaluați aplicațiile instalate și codul extern pentru a vă asigura că acestea creează suficientă valoare pentru a compensa eventualele pierderi de performanță.
Auditați managerul de etichete pentru a elimina orice etichete neutilizate sau cu valoare redusă. Aflați mai multe despre cele mai bune practici pentru etichete și manageri de etichete.

Instrumente de testare

Puteți utiliza următoarele instrumente pentru a investiga performanța magazinului dvs. online:

Rapoarte privind performanța web: Rapoartele privind performanța web de la Shopify utilizează Core Web Vitals pentru a măsura modul în care utilizatorii reali experimentează magazinul dvs. online.
PageSpeed Insights: Puteți rula propriile rapoarte utilizând PageSpeed Insights de la Google pentru a vizualiza indicatori mai detaliați pentru paginile din magazinul dvs.

Înțelegerea recomandărilor de performanță de la terți

Instrumentele de scanare a performanței de la terți ar putea sugera modificări pentru a îmbunătăți viteza magazinului dvs. Cu toate acestea, multe dintre aceste recomandări sunt deja implementate de Shopify sau nu se aplică magazinelor Shopify.

Optimizări deja incluse în Shopify

Magazinul dvs. Shopify include automat următoarele optimizări de performanță:

Rețea de livrare a conținutului (CDN): Shopify oferă un CDN de clasă mondială fără costuri suplimentare, asigurând o performanță globală rapidă. Toate activele sunt servite folosind HTTP/2, reducând sarcinile administrative în comparație cu protocoalele mai vechi.

Memorarea în cache în browser: Shopify setează memorarea în cache în browser pentru resursele care pot fi stocate în cache la un an, durata maximă posibilă. Acest lucru înseamnă că vizitatorii care revin la magazinul dvs. vor experimenta timpi de încărcare mai rapizi.

Comprimare Gzip: Shopify utilizează comprimarea Gzip pe CSS, JavaScript, documente și pagini pentru a reduce lățimea de bandă și a îmbunătăți timpii de încărcare. Keep-alive este, de asemenea, activat pentru preluarea mai multor fișiere.

Optimizarea imaginilor: Shopify comprimă automat imaginile JPG utilizând algoritmi avansați, echilibrând comprimarea și aspectul vizual. Imaginile sunt adesea servite în format WebP pentru o comprimare mai bună și o încărcare mai rapidă.

Minimizarea fișierelor: Shopify minimizează automat fișierele CSS și JavaScript atunci când sunt solicitate de magazinul dvs. online, reducând dimensiunile fișierelor fără a afecta funcționalitatea.

Când recomandările de la terți nu se aplică

Instrumentele de scanare de la terți ar putea sugera modificări care nu sunt relevante pentru magazinele Shopify:

Configurații la nivel de server: recomandările privind configurarea serverului, anteturile HTTP sau politicile de stocare în cache sunt deja optimizate de infrastructura Shopify.
Implementarea CDN: sugestiile de adăugare a unui CDN sunt inutile, deoarece Shopify include în mod implicit un CDN de înaltă performanță.
Setări de comprimare: recomandările privind activarea comprimării sunt deja implementate pe platforma Shopify.

Acționarea pe baza recomandărilor relevante

Concentrați-vă pe recomandările care se referă la conținutul și caracteristicile specifice magazinului dumneavoastră:

Optimizarea imaginilor: asigurați-vă că imaginile încărcate au dimensiuni corespunzătoare și că folosesc formatele recomandate.
Evaluarea aplicațiilor: analizați dacă aplicațiile instalate oferă suficientă valoare pentru a compensa orice impact asupra performanțelor.
Optimizarea temei: alegeți teme optimizate pentru performanțe și limitați numărul de secțiuni din șabloanele de pagină.

Depanarea paginilor care se încarcă lent

Dacă magazinul dumneavoastră se încarcă lent, urmați acești pași pentru a identifica și a rezolva problema:

Pasul 1: Verificați problema

Testați viteza de încărcare a magazinului dumneavoastră de pe diferite dispozitive și conexiuni la internet.
Rugați alte persoane să vă testeze magazinul pentru a confirma că nu este o problemă locală cu conexiunea dumneavoastră la internet.
Utilizați instrumente de testare precum PageSpeed Insights pentru a obține indicatori de performanță specifici.

Pasul 2: Identificați cauza

Verificați dacă există prea multe aplicații: prea multe aplicații care încarcă active în magazinul online pot încetini performanțele. Examinați aplicațiile instalate și eliminați-le pe cele care nu sunt esențiale pentru vânzări.

Examinați imaginile de mari dimensiuni: paginile cu numeroase imagini de înaltă calitate se pot încărca lent. Optimizați-vă imaginile sau reduceți numărul afișat. Aflați mai multe despre dimensiunile recomandate pentru imagini.

Identificați scripturile lente: dacă site-ul dumneavoastră se blochează ca pagină goală înainte de a se încărca dintr-o dată, utilizați instrumentele pentru dezvoltatori ale browserului pentru a identifica scripturile care se încarcă lent. Contactați dezvoltatorul aplicației sau al temei pentru rezolvare.

Pasul 3: Acționați

Eliminați aplicațiile inutile: dezinstalarea unei aplicații nu elimină automat codul acesteia din temă. Este posibil să fie necesar să contactați dezvoltatorul aplicației pentru instrucțiuni complete de eliminare.

Optimizați imaginile: utilizați formate de fișiere adecvate (JPG pentru fotografii, PNG pentru elemente grafice cu transparență) și redimensionați imaginile pentru a corespunde dimensiunii lor de afișare.

Evaluați performanțele temei: luați în considerare trecerea la o temă optimizată pentru performanțe, dacă tema dumneavoastră actuală cauzează încetiniri semnificative.

Obțineți asistență pentru performanța magazinului online

Dacă utilizați o temă gratuită de la Shopify, atunci Asistența Shopify vă poate ajuta cu îmbunătățiri de bază ale performanțelor.

Dacă utilizați o temă externă și aveți nevoie de asistență, trebuie să contactați dezvoltatorul temei, să angajați un expert Shopify în performanța web sau să angajați un Partener Shopify pentru performanța și viteza site-ului. Aflați mai multe despre angajarea unui Partener Shopify.

Dacă problema dumneavoastră de performanță provine de la o aplicație, atunci puteți contacta dezvoltatorul aplicației.

Dacă aveți o echipă de dezvoltare sau un partener agenție, îi puteți contacta și pe aceștia pentru asistență suplimentară.

Informații tehnice și resurse pentru depanare

Dacă sunteți un dezvoltator care dorește să îmbunătățească performanța unui magazin online Shopify, a unei teme sau a unei aplicații, puteți consulta următoarele resurse pentru fiecare Core Web Vital. Aflați mai multe despre cele mai bune practici de performanță pentru temele Shopify.

Viteza de încărcare

Largest Contentful Paint (LCP) măsoară viteza de încărcare, pe baza vitezei cu care cel mai mare element de pe ecran devine vizibil. Timpul până la primul octet (TTFB) și randarea primului conținut (FCP) sunt indicatori de sprijin care vă ajută să înțelegeți mai bine de unde provine cauza principală a problemei. Puteți afla mai multe despre depanarea cauzelor comune ale încărcării lente în magazinele online Shopify Liquid.

Stabilitate vizuală

Cumulative Layout Shift (CLS) măsoară stabilitatea vizuală, pe baza cantității de conținut care se deplasează în mod neașteptat în timpul încărcării. Pentru o analiză detaliată a depanării CLS, citiți Cum se optimizează Cumulative Layout Shift (CLS) pe site-urile Shopify.

Interactivitate

Interaction to Next Paint (INP) măsoară interactivitatea pe baza duratei de timp în care pagina devine reactivă la majoritatea acțiunilor utilizatorului. De exemplu, acțiuni ale utilizatorului, cum ar fi clicul pe un link sau pe un buton.

Dacă aveți un INP slab, cel mai probabil aveți prea mult cod JavaScript în magazin, fie din codul temei, fie din codul aplicației, fie din codul extern/al managerului de etichete. Încercați să eliminați cei mai mari vinovați. Aflați mai multe despre 3 modalități de a găsi cei mai mari vinovați JavaScript pentru încărcarea paginii. Dacă încă întâmpinați probleme cu INP, aflați mai multe cu resursele de pe web.dev.