Cum alegi și optimizezi o temă Shopify pentru viteză și conversie
O temă Shopify lentă pierde vânzări înainte ca vizitatorul să vadă produsul: fiecare secundă în plus la încărcare taie din rata de conversie, mai ales pe mobil. Acest ghid îți arată concret cum alegi o temă rapidă din start și cum o optimizezi prin Core Web Vitals, imagini, aplicații și teste reale. E pentru proprietari de magazine și marketeri care vor rezultate măsurabile, nu teorie.
1 Alege o temă construită pentru viteză, nu pentru efecte
Pornește de la temele care au la bază Online Store 2.0 și secțiuni JSON, pentru că sunt mai ușoare și mai ușor de editat fără cod. Tema gratuită Dawn, dezvoltată chiar de Shopify, este referința de viteză: încarcă puțin JavaScript și e un punct de plecare sigur dacă bugetul e zero. Pentru magazine cu catalog mare sau cerințe de design, temele premium din Shopify Theme Store (de regulă 200 până la 400 USD, plată unică) rămân acceptabile cât timp respectă aceleași principii.
Înainte să cumperi, deschide demo-ul temei și rulează-l prin Google PageSpeed Insights (pagespeed.web.dev). Verifică scorul pe Mobile, nu pe Desktop, fiindcă acolo se pierd banii. Evită temele încărcate cu slidere automate, carusele video în hero și zeci de animații, pentru că adaugă greutate fără să crească conversia.
Citește în descrierea temei câte aplicații externe presupune ca să arate ca în demo. O temă care funcționează doar cu 5 aplikații suplimentare îți va încetini magazinul din prima zi.
2 Stabilește ținta pe Core Web Vitals
Core Web Vitals sunt cele trei metrici Google care decid și viteza percepută, și poziția în căutări. Țintele pe care le urmărești: LCP (Largest Contentful Paint) sub 2,5 secunde, INP (Interaction to Next Paint) sub 200 de milisecunde și CLS (Cumulative Layout Shift) sub 0,1.
Măsoară-le pe date reale, nu doar de laborator. Intră în Google Search Console, secțiunea Experiență, raportul Core Web Vitals, ca să vezi cum se comportă magazinul tău pe traficul real de mobil din ultimele 28 de zile. Acolo apar grupate URL-urile cu probleme, de exemplu paginile de produs sau cele de colecție.
Notează valorile de pornire înainte de orice optimizare. Fără un punct de referință nu poți demonstra că modificările au ajutat, iar deciziile devin presupuneri.
3 Optimizează imaginile, cea mai grea parte a oricărui magazin
Imaginile sunt de obicei 60 până la 80 la sută din greutatea unei pagini de produs. Redimensionează fiecare imagine la dimensiunea reală afișată înainte de încărcare: o imagine de produs nu are nevoie de 4000 de pixeli lățime dacă pe ecran ocupă 800. Folosește un instrument gratuit precum Squoosh (squoosh.app) ca să exporți în format WebP, care e cu 25 până la 35 la sută mai mic decât JPEG la aceeași calitate.
Shopify servește automat imaginile în format modern și le redimensionează prin CDN-ul propriu, dar nu poate repara un fișier sursă de 5 MB. Ține fiecare imagine de produs sub 200 KB după optimizare. Pentru imaginea principală din hero, care e adesea elementul LCP, asigură-te că nu e încărcată leneș (lazy loading), altfel întârzii tocmai conținutul vizibil primul.
Adaugă text alternativ descriptiv la fiecare imagine. Ajută la accesibilitate și la SEO de imagini, fără cost de viteză.
4 Auditează și elimină aplicațiile care încetinesc magazinul
Fiecare aplicație instalată poate injecta propriul JavaScript și CSS în toate paginile, chiar dacă o folosești pe una singură. Deschide Shopify admin, Settings, Apps and sales channels și fă inventarul: pentru fiecare aplicație întreabă-te dacă aduce venit direct sau doar e instalată de inerție.
Dezinstalează aplicațiile nefolosite, dar nu te opri aici. Multe lasă cod rezidual în temă chiar și după ștergere. Intră în Online Store, Themes, Edit code și caută în theme.liquid sau în secțiuni fragmente de script rămase de la aplicații vechi. Fă întâi o copie de siguranță a temei prin Actions, Duplicate, înainte să ștergi orice.
Folosește Shopify Web Performance Dashboard din Online Store pentru a vedea tendința scorului de viteză în timp. Dacă scorul a scăzut brusc, corelează cu data la care ai instalat o aplicație nouă și reevaluează.
5 Curăță codul temei de scripturi și fonturi inutile
Limitează numărul de fonturi web. Fiecare familie și fiecare grosime în plus e un fișier de descărcat. Folosește maximum două fonturi și 2 până la 3 grosimi. Shopify oferă fonturi de sistem prin font_picker, care se încarcă instant fiindcă există deja pe dispozitiv.
Elimină scripturile de la servicii pe care nu le mai folosești: pixeli vechi de tracking, chat-uri abandonate, librării de animație. Caută în theme.liquid etichetele script care încarcă resurse externe și verifică dacă fiecare e încă necesar. Mută codul de analytics, acolo unde se poate, prin Customer Events din Settings în loc să-l hardcodezi în temă.
Nu modifica direct tema live. Lucrează pe duplicat, testează, apoi publică. Dacă nu ești sigur pe cod, oprește-te aici și cere ajutor specializat în loc să rupi magazinul.
6 Testează viteza pe mobil în condiții reale
Peste 70 la sută din traficul tipic de e-commerce vine de pe telefon, deci mobilul e testul care contează. Rulează pagina principală, o pagină de colecție și o pagină de produs prin PageSpeed Insights pe tab-ul Mobile și notează LCP, INP și CLS pentru fiecare tip de pagină.
Completează cu un test din altă rețea: WebPageTest (webpagetest.org) îți permite să simulezi o conexiune 4G lentă, mai aproape de realitatea unui client în mișcare decât de Wi-Fi-ul de birou. Verifică și pe un telefon fizic mediu, nu pe ultimul model, fiindcă acolo se simt scripturile grele.
Repetă testele după fiecare schimbare majoră și compară cu valorile de pornire notate la pasul 2. Optimizarea de viteză e un ciclu, nu o acțiune unică.
7 Verifică viteza pe parcursul real de cumpărare
O temă rapidă pe pagina de produs nu ajută dacă procesul de checkout e greoi. Parcurge tot drumul ca un client: adaugă în coș, mergi la coș, intră în checkout, pe mobil, cronometrând cât durează fiecare pas. Caută blocaje precum câmpuri inutile sau pași redundanți.
Activează metodele de plată rapide. Shopify Payments este disponibil în România din martie 2023 și suportă carduri, Apple Pay, Google Pay și Shop Pay, în 133 de valute, cu payout în RON și EUR. Când folosești Shopify Payments nu plătești comisionul suplimentar de platformă, iar Shop Pay accelerează checkout-ul pentru clienții care revin, ceea ce crește direct conversia.
Asigură-te că datele de facturare curg corect către sistemul de e-Factura. e-Factura ANAF e obligatorie în România pentru B2B și B2C, iar Shopify se conectează prin SmartBill, Oblio sau FGO, ca facturile să se genereze automat fără să adaugi pași manuali după fiecare comandă.
8 Monitorizează continuu și fixează un proces lunar
Viteza se degradează în timp pe măsură ce adaugi produse, aplicații și conținut. Programează o verificare lunară: rulează PageSpeed pe cele trei tipuri de pagini, deschide raportul Core Web Vitals din Search Console și revizuiește lista de aplikații instalate.
Înainte de campanii mari, cum sunt Black Friday sau lansările de colecție, fă un audit suplimentar de viteză cu cel puțin două săptămâni înainte. Traficul de vârf amplifică orice problemă de performanță și costul unei pagini lente crește exact când ai cel mai mult de câștigat.
Ține un jurnal simplu cu data fiecărei modificări și efectul ei asupra metricilor. Așa identifici rapid ce schimbare a stricat viteza și o poți anula fără să cauți în orb.
* Prețurile Shopify și ale temelor premium se pot schimba, așa că verifică valorile actuale în contul tău înainte de a lua o decizie. Pentru configurarea e-Factura și a TVA-ului, consultă contabilul, fiindcă obligațiile fiscale diferă în funcție de tipul firmei și de clienți.
Vrei sa-ti facem noi setarea, nu doar ghidul?
Tracking, Consent Mode, pixel si masurare corecta le configuram noi, oamenii de la ALLSoft Agency, ca tu sa scalezi bugetul fara sa optimizezi orbeste.
Vezi ce face ALLSoft Agency →