Testarea pluginurilor WordPress și WooCommerce în staging

Află tot ce trebuie să știi despre testarea pluginurilor WordPress și WooCommerce în staging. Un magazin eCommerce mediu câștigă în jur de 330.000 $ pe lună până la finalul primului an, dar o singură greșeală în timpul unei actualizări sau al instalării unui plugin te poate costa din felia ta de piață eCommerce. Din fericire, poți evita acest lucru dacă îți testezi pluginurile WordPress și WooCommerce în staging.

Acest articol explică procesul de creare a unui site web de staging pentru a-ți testa pluginurile WordPress și WooCommerce, astfel încât să eviți greșelile costisitoare. Vom aborda:

• Ce este staging-ul
• De ce ar trebui să testezi pluginurile WordPress și WooCommerce în staging
• Cum să testezi corect pluginurile WordPress și WooCommerce
• Instrumentele de care ai nevoie pentru testarea pluginurilor WordPress și WooCommerce
• Listă de verificare pentru testarea pluginurilor și actualizărilor WordPress și WooCommerce
• Rolul scripturilor automate în actualizările și instalările de pluginuri WordPress și WooCommerce

Ce este staging-ul?

În WordPress, staging-ul reprezintă o clonă offline pe care o creezi a site-ului tău WordPress, în scop de testare. Este un instrument excelent pentru a-ți testa site-ul și pluginurile fără a afecta ceea ce văd vizitatorii site-ului tău.

Clona offline funcționează atât ca site de testare, cât și ca site de backup. Durata backup-ului și a clonării depinde de dimensiunea site-ului, dar pluginurile oferă o soluție simplă. În doar câteva secunde, poți crea o clonă a site-ului tău, astfel încât să efectuezi actualizări și să instalezi pluginuri WooCommerce fără efort.

De ce ar trebui să testez pluginurile WordPress și WooCommerce în staging?

Staging-ul este esențial atunci când îți actualizezi site-ul, deoarece poate preveni ca site-ul tău să:

• Se defecteze
• Devină indisponibil
• Funcționeze pe unele dispozitive și pe altele nu (de exemplu, să funcționeze pe dispozitive Apple, dar nu pe Android, sau pe laptopuri, dar nu pe tablete).
• Piardă accesibilitatea paginilor esențiale (precum pagina de finalizare a comenzii, recenziile produselor sau formularele de contact)
• Piardă accesibilitatea meniului mobil
• Piardă subsolul (footer) site-ului
• Afișeze înfiorătorul “Ecran alb al morții” (White Screen of Death, WSOD) - un fenomen în care site-ul tău afișează doar un ecran alb, gol.

Există multe moduri în care lansarea actualizărilor pe site-ul tău ar putea eșua, iar dacă ai un volum mare de trafic și nu știi că site-ul nu funcționează corect, ai putea pierde o mulțime de vânzări! Lansarea actualizărilor este o sarcină care te poate scoate din minți dacă nu o abordezi cu un plan bine stabilit.

Pentru a evita toate aceste bătăi de cap, testează-ți actualizările și pluginurile înainte de a le publica. Vei beneficia de multe avantaje prin testare, printre care:

• Un site care funcționează fără probleme
• Un site rapid și sigur
• Încrederea vizitatorilor site-ului tău.

Cum să testezi corect pluginurile WordPress și WooCommerce

Dezvoltarea unui site web este un joc pe termen lung. De-a lungul existenței site-ului tău, probabil vei lansa numeroase actualizări și pluginuri noi, ceea ce poate deveni monoton. Unii ar spune chiar că este enervant, dar poți evita această monotonie folosind instrumentele potrivite și o listă de verificare cu toți pașii pe care trebuie să îi urmezi înainte și după o actualizare.

*Nu uita să nu îți actualizezi site-ul WordPress vineri. Astfel vei evita o grămadă de haos și probleme potențiale pentru weekend.

Instrumentele de care ai nevoie pentru testarea pluginurilor WordPress și WooCommerce:

• Instrumente de captură de ecran pentru pagină completă: Folosește un instrument de captură de ecran pentru pagină completă înainte și după instalarea pluginului sau actualizării.

• Site de staging: Aceasta este clona site-ului tău.

• Testare automată cu scripturi: Instrumentele de testare automată cu scripturi testează automat mai multe scripturi de pe site-ul tău după instalarea actualizării sau a pluginului, pentru a te asigura că totul funcționează așa cum ar trebui.

• Instrumente de comparare a capturilor de ecran: Instrumentele de comparare a capturilor de ecran îți permit să compari capturile de dinainte și de după, astfel încât să identifici eventualele inconsistențe.

3 instrumente de captură de ecran pentru a-ți simplifica munca

Instrumentul de captură de ecran Browserstack

Instrumentul de captură de ecran Browserstack facilitează generarea de capturi de ecran cu un simplu clic. Tot ce trebuie să faci este să selectezi tipurile de dispozitive și browserele (până la 25) pe care vrei să îți verifici URL-urile, iar instrumentul se ocupă de restul.

Instrumentul de captură de ecran TestingBot

Instrumentul de captură de ecran TestingBot îți permite să alegi dintre peste 3.200 de combinații de browsere și dispozitive pentru testare. Instrumentul oferă comparare a capturilor de ecran, build-uri beta și de dezvoltare, precum și un instrument nativ de depanare.

Instrumentul de captură de ecran CrossBrowserTesting

Instrumentul de captură de ecran CrossBrowserTesting îți permite să faci capturi de ecran folosind aplicația web sau API-ul lor. Când folosești API-ul, poți face mai multe capturi de ecran simultan, pe mai multe URL-uri.

Listă de verificare pentru testarea pluginurilor și actualizărilor WordPress și WooCommerce

Înainte de instalare/actualizare

1. Listează toate pluginurile și temele premium care nu se actualizează automat.

2. Vizitează site-ul de unde ai cumpărat pluginurile și temele și caută cea mai recentă versiune a produsului.

3. Listează URL-urile pe care le vei testa după actualizare. Va trebui să incluzi șabloanele personalizate pentru tipurile de conținut, șabloanele WordPress și paginile principale ale site-ului tău (precum pagina de contact, pagina principală, paginile de produse, paginile de categorii și pagina de finalizare a comenzii).

4. Listează scenarii pentru testare. De exemplu, un utilizator s-ar putea autentifica, apoi accesa pagina de produse, iar apoi pagina de finalizare a comenzii. Va trebui să testezi toate scenariile relevante pentru site-ul tău.

5. Creează o listă de scripturi de testare pentru scenariile respective.

Pe site-ul tău de staging

1. Duplică întregul site într-un mediu de staging, asigurându-te că versiunile de MySQL și PHP sunt identice pe ambele site-uri. În funcție de furnizorul tău de găzduire, este posibil să ai la dispoziție crearea unui mediu de staging cu un singur clic. Câțiva furnizori de găzduire care oferă această opțiune sunt WP Engine, SiteGround și Flywheel.

2. Asigură-te că site-ul de staging corespunde site-ului original. Poți verifica acest lucru printr-o simplă privire de ansamblu asupra site-ului.

3. Fă capturi de ecran ale tuturor URL-urilor tale folosind instrumentul de captură de ecran pentru pagină completă. Asigură-te că obții capturi de ecran de pe toate sistemele, precum Chrome, Firefox, Safari, Edge, Android și iPhone. Există instrumente care simplifică acest proces.

4. Actualizează următoarele:

• • • Fișierele temei și ale pluginurilor
    • Fișierele de bază (core) ale WordPress
    • Orice element care nu se actualizează automat.

5. Fă capturi de ecran ale site-ului de staging actualizat. Din nou, fă capturi de ecran de pe toate URL-urile și sistemele.

6. Folosește instrumentul de comparare a capturilor de ecran pentru a compara capturile “dinainte” de la pasul 3 cu cele “de după” de la pasul 5.

7. Rulează scripturile de testare pe care le-ai listat anterior. Asigură-te că formularele, finalizarea comenzii și alte elemente vitale ale site-ului tău funcționează fără probleme.

Pe site-ul tău live

1. Realizează un backup al site-ului live.

2. Creează capturi de ecran ale tuturor URL-urilor.

3. Actualizează site-ul live.

4. Verifică dacă totul a fost actualizat în backend. Reîncarcă pagina pentru a vedea dacă vreo actualizare a eșuat pe undeva pe site.

5. Golește memoria cache a site-ului live.

6. Creează-ți capturile de ecran.

7. Compară capturile de ecran de la pasul doi cu cele de la pasul șase.

8. Rulează scripturile de testare pe care le-ai listat anterior.

9. Verifică site-ul printr-o rapidă inspecție vizuală.

10. Felicită-te singur!

Rolul scripturilor automate în actualizările și instalările de pluginuri WordPress și WooCommerce

Scripturile automate fac testarea site-ului tău WordPress simplă, dar există și alte opțiuni. Prima este verificarea manuală. A doua este angajarea unui dezvoltator.

Crearea unui script de testare poate consuma timp, dar reutilizarea scriptului odată creat este un proces destul de simplu. Iată avantajele scripturilor de testare față de testarea manuală:

• Scripturile de testare elimină eroarea umană.
• Îți economisesc timp în două moduri:

1. 1. Când rulezi scripturi lungi, poți lăsa scriptul să se ocupe de verificare, în timp ce tu te concentrezi pe ceea ce scripturile nu pot face.
   2. Poți testa simultan până la 2 dispozitive și 4 browsere.

Concluzia esențială este că testarea pluginurilor WordPress și WooCommerce în staging te poate salva de la o catastrofă. Procesul este relativ simplu și, având la dispoziție această listă de verificare, ai tot ce îți trebuie pentru o actualizare reușită.

Fie că îți oferim pașii necesari pentru instalarea în masă a pluginurilor, fie că realizăm întreținerea WordPress sau WooCommerce, ne dedicăm să te ajutăm să prosperi în eCommerce. Dacă dorești să îți administrăm site-ul WordPress, astfel încât să te poți concentra pe aspectele esențiale ale afacerii tale, contactează-ne astăzi, iar noi te vom ajuta cu plăcere!