BrightPlugins_Logo_Orizzontale
Test dei plugin di WordPress e WooCommerce in fase di test
,

Testare i plugin di WordPress e WooCommerce in Staging

Contenuti

Scoprite come testare i plugin di WordPress e WooCommerce in fase di staging. Un sito web eCommerce medio guadagna circa 330.000 dollari al mese entro la fine del primo anno, ma un errore durante un aggiornamento o l'installazione di un plugin può costarvi la vostra fetta di torta eCommerce. Per fortuna, potete evitarlo se testate i vostri plugin WordPress e WooCommerce in fase di staging.

Questo articolo spiega il processo di creazione di un sito web di staging per testare i plugin di WordPress e WooCommerce, in modo da evitare errori costosi. Tratterà di:

  • Che cos'è la messa in scena
  • Perché testare i plugin di WordPress e WooCommerce in staging
  • Come testare correttamente i plugin di WordPress e WooCommerce
  • Gli strumenti necessari per testare i plugin di WordPress e WooCommerce
  • Lista di controllo per il test dei plugin e degli aggiornamenti di WordPress e WooCommerce
  • Il ruolo degli script automatici negli aggiornamenti e nelle installazioni dei plugin WordPress e WooCommerce

Testare i plugin di WordPress e WooCommerce in Staging

Che cos'è la messa in scena?

In WordPress, lo staging si riferisce a un clone offline del vostro sito WordPress da testare. È uno strumento eccellente per testare il sito web e i plugin senza influenzare ciò che vedono i visitatori del sito.

Il clone offline funge da sito di prova e da sito di backup. La tempistica del backup e della clonazione dipende dalle dimensioni del sito web, ma i plugin offrono una soluzione semplice. In pochi secondi è possibile creare un clone del proprio sito web, in modo da poter eseguire gli aggiornamenti e installare i plugin di WooCommerce senza alcuno sforzo.

Test del sito web attraverso lo staging

Perché dovrei testare i plugin WordPress e WooCommerce in staging?

Lo staging è essenziale quando si aggiorna il sito web, perché può evitare che il sito web:

  • Interruzione
  • Diventare indisponibili
  • Funzionamento su alcuni dispositivi e non su altri (ad esempio, su dispositivi Apple ma non Android o su computer portatili ma non su tablet).
  • Perdita di accessibilità di pagine essenziali (come la pagina di checkout, le recensioni dei prodotti o i moduli di contatto)
  • Perdita di accessibilità del menu mobile
  • Perdita del piè di pagina del sito
  • Visualizzazione dell'orribile "White Screen of Death" (WSOD), un fenomeno che comporta la visualizzazione di una schermata bianca sul vostro sito web.

Ci sono molti modi in cui il lancio degli aggiornamenti del vostro sito web potrebbe andare storto, e se avete un alto volume di traffico e non sapete che il sito non funziona correttamente, potreste perdere tonnellate di vendite! Il lancio degli aggiornamenti è un compito che potrebbe farvi impazzire se non lo affrontate con un piano in mente.

Per evitare tutti questi problemi, testate gli aggiornamenti e i plugin prima di pubblicarli. I test offrono molti vantaggi, tra cui:

  • Un sito web che funziona senza problemi
  • Un sito web veloce e sicuro
  • La fiducia dei visitatori del vostro sito web.

Staging: come fare

Come testare correttamente i plugin di WordPress e WooCommerce

Lo sviluppo di un sito web è un gioco a lungo termine. Nel corso della vita del vostro sito web, probabilmente lancerete diversi nuovi aggiornamenti e plugin, il che può diventare monotono. Qualcuno potrebbe anche dire che è fastidioso, ma potete evitare la fastidiosa monotonia utilizzando gli strumenti giusti e una lista di controllo di tutti i passi da compiere prima e dopo un aggiornamento.

*Ricordatevi di non aggiornare il vostro sito WordPress di venerdì. In questo modo eviterete un sacco di potenziali problemi e caos per il fine settimana.

Gli strumenti necessari per testare i plugin di WordPress e WooCommerce:

  • Strumenti di screenshot a pagina intera: Utilizzate uno strumento di screenshot a pagina intera prima e dopo l'installazione del plugin o dell'aggiornamento.
  • Sito di prova: Questo è il vostro sito web clonato.
  • Test automatico degli script: Gli strumenti di verifica automatica degli script testano automaticamente più script in tutto il sito web dopo l'installazione dell'aggiornamento o del plugin, per garantire che tutto funzioni come dovrebbe.
  • Strumenti di confronto delle schermate: Gli strumenti di confronto degli screenshot consentono di confrontare le schermate prima e dopo averle scattate, in modo da individuare eventuali incongruenze.

3 strumenti di screenshot per semplificare il lavoro

Immagine logo di Broswerstack

 Strumento di screenshot di Browserstack

Lo strumento di screenshot di Browserstack semplifica la generazione di screenshot con un semplice clic. Per utilizzare lo strumento è sufficiente selezionare i tipi di dispositivi e i browser (fino a 25) su cui si desidera controllare gli URL. Lo strumento fa il resto.

Testbot-screenshot-logo-immagine

Strumento Screenshot di TestingBot

Lo strumento di screenshot di TestingBot consente di scegliere tra oltre 3.200 combinazioni di browser e dispositivi da testare. Lo strumento offre il confronto delle schermate, le build beta e dev e uno strumento di debug nativo.

immagine-logo di crossbroswerting

Strumento di CrossBrowserTesting Screenshot

Lo strumento di screenshot di CrossBrowserTesting consente di effettuare screenshot utilizzando l'applicazione web o l'API. Quando si utilizza l'API, è possibile eseguire più screenshot contemporaneamente su tutti gli URL.

Lista di controllo per il test dei plugin e degli aggiornamenti di WordPress e WooCommerce

Prima dell'installazione/aggiornamento

1. Elencate i plugin e i temi premium che non vengono aggiornati automaticamente.

2. Visitate il sito dove avete acquistato i vostri plugin e temi e cercate la versione più aggiornata dell'articolo.

3. Elencate gli URL che verificherete dopo l'aggiornamento. Dovrete includere i modelli di post-tipo personalizzati, i modelli di WordPress e le pagine principali del vostro sito web (come la pagina dei contatti, la homepage, le pagine dei prodotti, le pagine delle categorie e la pagina di pagamento).

4. Elencare gli scenari da testare. Ad esempio, un utente potrebbe effettuare il login, andare alla pagina dei prodotti e poi alla pagina di pagamento. È necessario testare tutti gli scenari pertinenti al sito web.

5. Creare un elenco di script di test per verificare gli scenari.

Sul sito di staging

1. Duplicate l'intero sito web in un ambiente di staging, assicurandovi che MySQL e PHP siano gli stessi su entrambi i siti. A seconda del vostro provider di hosting, potreste avere la possibilità di creare un ambiente di staging con un solo clic. Alcuni provider di hosting che offrono la creazione di un ambiente di staging con un solo clic sono WPEngine, SiteGround e GetFlyWheel.

2. Assicuratevi che il sito di staging corrisponda al sito originale. Per farlo basta dare un'occhiata al sito.

3. Eseguite screenshot di tutti gli URL utilizzando lo strumento di screenshot a pagina intera. Assicuratevi di ottenere screenshot di tutti i sistemi, come Chrome, Firefox, Safari, Edge, Android e iPhone. Esistono alcuni strumenti che semplificano questo processo.

4. Aggiornare quanto segue:

      • File del tema e dei plugin
      • File del nucleo di WordPress
      • Tutti gli elementi che non si aggiornano automaticamente.

5. Eseguire screenshot del sito web di staging aggiornato. Anche in questo caso, prendere le schermate di tutti gli URL e di tutti i sistemi.

6. Utilizzate lo strumento di confronto delle schermate per confrontare le schermate prima del passaggio 3 e le schermate dopo del passaggio 5.

7. Eseguite gli script di test elencati in precedenza. Assicuratevi che i moduli, il checkout e altri elementi vitali del vostro sito web funzionino senza problemi.

Sul vostro sito live

1. Eseguire un backup del sito live.

2. Creare screenshot di tutti gli URL.

3. Aggiornare il sito live.

4. Verificate se tutto è stato aggiornato nel backend. Fare clic su Aggiorna per vedere se l'aggiornamento non è riuscito per qualche elemento del sito.

5. Cancellare la cache del sito live.

6. Creare le schermate.

7. Confrontate le schermate del punto due con quelle del punto sei.

8. Eseguite gli script di test elencati in precedenza.

9. Controllate il vostro sito web con un rapido controllo visivo.

10. Datevi una pacca sulla spalla!

Script automatizzati-staging

Il ruolo degli script automatici negli aggiornamenti e nelle installazioni dei plugin WordPress e WooCommerce

Gli script automatici rendono semplice la verifica del vostro sito WordPress, ma ci sono altre opzioni. La prima è controllare manualmente. L'altra è assumere uno sviluppatore.

La creazione di uno script di test può richiedere molto tempo, ma il riutilizzo dello script una volta realizzato è piuttosto semplice. Ecco i vantaggi degli script di test rispetto ai test manuali:

  • Gli script di test eliminano l'errore umano.
  • Vi fanno risparmiare tempo in due modi:
    1. Quando si eseguono script lunghi, si può lasciare che sia lo script a gestire il controllo, concentrandosi su ciò che lo script non può fare.
    2. È possibile testare fino a 2 dispositivi e 4 browser contemporaneamente.

Il punto chiave è che testare i plugin di WordPress e WooCommerce in fase di staging può salvarvi da una catastrofe. Il processo è relativamente semplice e, grazie a questa lista di controllo, avrete tutto ciò che vi serve per un aggiornamento di successo.

Che si tratti di fornirvi i passaggi necessari per installare i vostri plugin o di eseguire la manutenzione di WordPress o WooCommerce, ci impegniamo ad aiutarvi a prosperare nell'eCommerce. Se volete che gestiamo il vostro WordPress in modo che possiate concentrarvi sugli aspetti principali della vostra attività, contattateci oggi stesso e saremo lieti di aiutarvi!

Vi piace questo articolo?
Condividetelo sui social media!

Date un'occhiata a un altro post del blog!

BrightPlugins_Logo_Orizzontale
Iscriviti alla nostra newsletter

Abbonarsi

Questo campo è a scopo di convalida e deve essere lasciato invariato.
Copyright © 2024 Tutti i diritti riservati a Bright Plugins
freccia-sinistra linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram