Perch\u00e9 i test di WordPress sono importanti?<\/h2>\n
Eseguire test regolari su un sito WordPress presenta molti vantaggi. Come abbiamo detto, permette di sperimentare elementi di design e di interfaccia utente (UI) senza impattare sul sito reale.<\/p>\n
Di conseguenza, potete conservare il vostro sito attuale e mantenere le operazioni commerciali mentre esplorate nuove idee. Se qualcosa va storto nell’ambiente di test, non dovrete preoccuparvi dell’effetto che l’interruzione potrebbe avere sul vostro traffico e sulle vostre entrate.<\/p>\n
Potreste anche testare il vostro sito WordPress per individuare i problemi che i visitatori potrebbero riscontrare quando cercano di visualizzare le vostre pagine. Per esempio, il vostro sito potrebbe funzionare lentamente<\/a> con un determinato browser o il vostro menu potrebbe non essere visualizzato correttamente sui dispositivi mobili.<\/p>\n Inoltre, un ambiente di test pu\u00f2 prevenire vulnerabilit\u00e0 nella sicurezza. Potreste sperimentare nuovi temi e plugin prima di installarli sul vostro sito reale. Nel frattempo, potete eseguire gli aggiornamenti sul vostro sito di prova per assicurarvi che siano sicuri.<\/p>\n Sebbene molti principianti possano trarre beneficio dalla sperimentazione di WordPress in un ambiente sicuro e privato, i test sono molto importanti anche per gli sviluppatori avanzati. Con gli strumenti giusti, chi sviluppa pu\u00f2 creare un ambiente di staging permanente<\/a> per testare la funzionalit\u00e0 dei prodotti prima di renderli disponibili al pubblico.<\/p>\n Ora che sapete perch\u00e9 \u00e8 importante testare WordPress in sicurezza, diamo un’occhiata ad alcuni degli approcci pi\u00f9 comuni.<\/p>\n Indipendentemente dal tipo di sito che gestite, \u00e8 buona norma prendere l’abitudine di effettuare regolarmente test di funzionalit\u00e0, prestazioni e sicurezza.<\/p>\n \u00c8 importante riconoscere il valore di testare il vostro sito web in diversi ambienti. Una volta che conoscete la differenza tra ogni tipo di ambiente, sar\u00e0 pi\u00f9 facile scegliere l’opzione giusta per le vostre esigenze.<\/p>\n Un ambiente locale \u00e8 ospitato sul vostro computer. Di conseguenza, nulla di ci\u00f2 che eseguirete in quell’ambiente avr\u00e0 ripercussioni sul vostro sito reale. Per un uso generale, \u00e8 un ottimo modo per testare nuove caratteristiche e funzionalit\u00e0. Per chi sviluppa, invece, un ambiente locale pu\u00f2 essere il luogo ideale per individuare bug ed errori nel codice.<\/p>\n D’altra parte, un ambiente di staging fornisce una copia dei dati del vostro sito web su un server (anzich\u00e9 su un computer locale). \u00c8 un luogo ideale per eseguire i principali aggiornamenti di versione, le modifiche alla configurazione e le migrazioni del database<\/a>. Inoltre, se progettate siti web per i clienti, un sito di staging funziona bene come sito demo per mostrare ai clienti l’aspetto del sito.<\/p>\n Ora che avete capito meglio i diversi tipi di ambienti di test, vediamo come configurarli!<\/p>\n Come gi\u00e0 detto, un sito di staging \u00e8 essenzialmente una copia completa del vostro sito web live. Di solito \u00e8 ospitato sullo stesso server del vostro sito web live. L’unica differenza \u00e8 che le persone esterne non potranno accedervi.<\/p>\n Uno degli aspetti migliori dello staging \u00e8 che segue una configurazione reale. In questo modo potrete capire il percorso che i clienti reali compiono sulle vostre pagine.<\/p>\n Il modo pi\u00f9 semplice per creare un sito di staging<\/a> \u00e8 attraverso il vostro host web. Non tutti i web host offrono ambienti di staging con i loro servizi di hosting. Ma per Kinsta<\/a> \u00e8 semplicissimo creare e configurare l\u2019ambiente di staging WordPress integrato<\/a>.<\/p>\n Potete accedere al vostro sito di staging accedendo al vostro cruscotto MyKinsta. Basta selezionare il vostro sito web dall’elenco. Poi, nella parte superiore dello schermo, usate il menu a tendina per cambiare Live<\/strong> in Staging<\/strong>:<\/p>\n Tenete presente che possono essere necessari fino a quindici minuti per generare il vostro sito di staging per la prima volta. In seguito, esister\u00e0 come sottodominio del vostro dominio principale (entrambi usano lo stesso server).<\/p>\n Quando tutto sar\u00e0 pronto per applicare le modifiche al vostro sito web reale, potrete semplicemente usare il pulsante “Invia ambiente”<\/strong> nel cruscotto.<\/p>\n Sebbene un ambiente locale funzioni in modo simile a un sito di staging, non dovrete ospitare l’ambiente all’esterno. L’ambiente locale risieder\u00e0 invece su un computer locale (nella maggior parte dei casi il vostro computer).<\/p>\n Per installare un ambiente di test di WordPress in locale, dovrete installare uno stack AMP per il vostro computer. Questo software (Apache, MySQL e PHP) viene utilizzato per imitare il vostro sito WordPress.<\/p>\n Alcuni dei metodi pi\u00f9 popolari per installare WordPress in locale sono WAMP e XAMPP. Tuttavia, il modo pi\u00f9 semplice \u00e8 usare DevKinsta<\/a>:<\/p>\n DevKinsta \u00e8 uno strumento di sviluppo locale gratuito per WordPress singolo o multisito. Con questo strumento avrete accesso a tantissimi strumenti per la gestione dei database e delle email. Inoltre, si integra perfettamente con MyKinsta (anche se non \u00e8 necessario essere clienti di Kinsta per usare DevKinsta).<\/p>\n Per iniziare, dovete scaricare l’ultima versione di DevKinsta<\/a>. Per gli utenti Mac, dovrete aggiungere DevKinsta alle Applicazioni<\/strong> e fare doppio clic sull’applicazione DevKinsta per aprirla.<\/p>\n Il processo di installazione varia leggermente da un sistema operativo all’altro, ma se necessario potete consultare le istruzioni complete per l’installazione di DevKinsta<\/a>. Poi, potete installare Docker Desktop<\/a> per creare dei container per WordPress in locale.<\/p>\n Una volta installati DevKinsta e Docker, potete creare il vostro sito locale. Potete creare un nuovo sito WordPress, importare un sito esistente da Kinsta o creare un sito personalizzato:<\/p>\n Scegliete semplicemente l’opzione che preferite. Se state importando da Kinsta, dovrete selezionare il sito corretto da importare e inserire i vostri dati di accesso. Successivamente, verrete indirizzati alla schermata Informazioni sul sito<\/strong>, che funziona come una bacheca per il vostro ambiente locale.<\/p>\n \u00c8 possibile utilizzare l’API di Kinsta<\/a>\u00a0anche per creare un nuovo sito\/installazione WordPress senza accedere a\u00a0DevKinsta<\/a>.<\/p>\n Ora vediamo cinque modi per testare la funzionalit\u00e0 del vostro sito WordPress. Uno degli aspetti migliori del test di funzionalit\u00e0 \u00e8 che potete farlo direttamente nel vostro ambiente locale o usando DevKinsta (a differenza di altri tipi di test che richiedono che il vostro sito sia attivo).<\/p>\n \u00c8 importante testare il vostro sito WordPress su pi\u00f9 browser<\/a> per vedere come appare il vostro sito a tutti i visitatori. Questo perch\u00e9 i diversi browser usano codici diversi. Pertanto, ogni browser gestisce e visualizza gli elementi a modo suo.<\/p>\n Per esempio, un utente che accede al vostro sito con Chrome potrebbe visualizzare il vostro sito in modo diverso da un utente che lo visita con Firefox. Inoltre, mentre 3,2 miliardi di utenti internet hanno preferito Chrome come browser principale<\/a> nel 2021, molti continuano a usare Firefox, Edge, Opera e Safari.<\/p>\n Potreste scoprire quali sono i browser pi\u00f9 utilizzati dai vostri visitatori per ottimizzare il vostro sito in modo specifico per questi browser. Se usate Google Analytics, potete trovare queste informazioni nei rapporti sul pubblico<\/a>.<\/p>\n Poi potete testare il vostro sito per il supporto cross-browser utilizzando uno strumento come BrowserStack<\/a>:<\/p>\n Con BrowserStack potete testare il vostro sito su 3000 browser diversi, comprese le ultime versioni di Edge, Safari, Firefox e Chrome. Potete anche usufruire di una prova gratuita prima di impegnarvi in un piano a pagamento.<\/p>\n Lo unit testing consiste nel testare la pi\u00f9 piccola unit\u00e0 di un’applicazione in modo isolato. Potrebbe trattarsi di una funzione, una propriet\u00e0 o un metodo. Queste unit\u00e0 vengono poi analizzate per verificarne il corretto funzionamento e garantire che l’applicazione si comporti come previsto.<\/p>\n Potete eseguire gli unit testing automaticamente usando uno strumento di terze parti come Travis CI<\/a>. Tuttavia, \u00e8 pi\u00f9 veloce eseguire i test localmente durante lo sviluppo piuttosto che applicare le modifiche e aspettare che Travis CI li esegua.<\/p>\n Per esempio, potreste voler testare un tema o un plugin. Per farlo, dovrete installare Git, SVN, PHP e Apache. Inoltre, dovrete avere il vostro plugin pronto.<\/p>\n Per iniziare, aprite DevKinsta per lanciare il vostro ambiente di sviluppo locale. Poi, installate PHPUnit<\/a>. Ora dovrete generare i file di test del plugin usando il seguente comando<\/a>:<\/p>\n A questo punto, potete inizializzare l’ambiente di test in locale eseguendo lo script di installazione:<\/p>\n Questo script installa una copia di WordPress nel sito Il passo successivo consiste nell’eseguire i test del plugin usando il sito Dato che oltre il 60% delle persone usa un dispositivo mobile per andare online<\/a>, \u00e8 pi\u00f9 importante che mai assicurarsi che il vostro sito WordPress sia responsive. In questo modo potrete assicurarvi che le vostre pagine vengano visualizzate senza problemi su tutte le dimensioni dello schermo, compresi desktop, tablet e cellulari.<\/p>\n Il modo pi\u00f9 semplice per verificare la reattivit\u00e0 del vostro sito<\/a> \u00e8 quello di inserire l’URL del vostro sito su un dispositivo mobile. Tuttavia, se volete testare l’aspetto del vostro sito da desktop, potete farlo usando il Personalizza di WordPress.<\/p>\n Basta andare su Aspetto <\/strong>> Personalizza:<\/strong><\/p>\n A seconda del vostro tema, vedrete pannelli diversi. Tuttavia, in fondo alla pagina, potete fare clic sull’icona del cellulare o del tablet per visualizzare un’anteprima del vostro sito alle dimensioni dello schermo specificate.<\/p>\n Inoltre, potete accedere agli strumenti per sviluppatori di Google Chrome<\/a> per vedere come appare il vostro sito WordPress sui dispositivi mobili. Tutto ci\u00f2 che dovete fare \u00e8 aprire una pagina del vostro sito in Google Chrome.<\/p>\n Poi fate clic con il tasto destro del mouse sulla pagina e selezionate Ispeziona<\/strong>:<\/p>\n A questo punto, trovate la barra degli strumenti “Alterna dispositivo”<\/strong> nella parte superiore del popup (a sinistra della scheda Elementi<\/strong>):<\/p>\n Fateci clic sopra e il vostro schermo si adatter\u00e0 immediatamente:<\/p>\n Come potete vedere, ora potete testare la visualizzazione del vostro sito in dimensioni responsive<\/strong>. Se fate clic sul menu a tendina Dimensioni<\/strong>, potete testare la vostra pagina su altri dispositivi, per esempio diversi modelli di iPhone e Samsung Galaxy.<\/p>\n Quando parliamo di Interfaccia Utente (UI) del vostro sito web, ci riferiamo a qualsiasi componente del sito con cui i visitatori possono interagire. Per esempio, la maggior parte dei siti web presenta link, pulsanti, menu, ecc. A un certo punto, gli utenti dovranno interagire con questi elementi.<\/p>\n Per questo motivo \u00e8 molto importante testare l’interfaccia utente. Se qualcosa non funziona correttamente, i visitatori possono sentirsi frustrati e abbandonare il sito.<\/p>\n Potete creare un ambiente locale per testare i vostri elementi dell’interfaccia utente. Per esempio, potreste voler sviluppare un nuovo menu di navigazione e provarlo.<\/p>\n In questo caso, potete aprire l’area di amministrazione locale dal cruscotto di DevKinsta. Quindi andate su Aspetto <\/strong>> Menu<\/strong> del sito locale. A questo punto, fate clic su Crea un nuovo menu<\/strong>.<\/p>\n Date un nome al vostro menu e fate clic su Salva menu<\/strong>. Quindi, aggiungete le voci del menu dalla parte sinistra dello schermo e selezionate Aggiungi al menu<\/strong>:<\/p>\n In Impostazioni menu<\/strong>, selezionate la casella Menu primario<\/strong>. Quindi, salvate le modifiche.<\/p>\n Potete anche fare clic su Gestisci con Anteprima dal vivo<\/strong> nella parte superiore dello schermo per vedere come si sta formando il vostro menu:<\/p>\n Successivamente, aprite il vostro sito locale in un nuovo browser per visualizzare il vostro nuovo menu sul front-end:<\/p>\n Potete anche testare i link di navigazione facendo clic su ciascuna voce del menu. Per esempio, quando facciamo clic sul nostro link Wholesale Ordering<\/strong>, veniamo reindirizzati alla pagina corrispondente che abbiamo aggiunto al nostro menu:<\/p>\n In questo modo potete testare nuovi elementi di design e assicurarvi che l’interfaccia utente funzioni correttamente.<\/p>\n I Visual Regression Testing (VRT) assicurano che tutti gli elementi di design e i layout appaiano come dovrebbero. Per questo motivo, il VRT viene spesso implementato in seguito a modifiche del sito web, come quando si cambia tema o si aggiorna un plugin.<\/p>\n In questo modo, potete assicurarvi che le modifiche non abbiano alterato gli elementi visivi. Per esempio, i contenuti potrebbero essere disallineati o i pulsanti potrebbero essere scomparsi.<\/p>\n Come nel caso del test dell’interfaccia utente, spesso non si \u00e8 a conoscenza di questo tipo di problemi se non si visita il sito web dal vivo. Potete trovare strumenti VRT automatizzati per testare continuamente il vostro sito alla ricerca di anomalie visive.<\/p>\n Oppure potete semplicemente confrontare manualmente le vostre pagine prima e dopo aver applicato le modifiche. Supponiamo che vogliate cambiare tema<\/a>. \u00c8 pi\u00f9 sicuro farlo in un ambiente locale come DevKinsta, in modo da poter effettuare dei test visivi prima di applicare la modifica al vostro sito web live.<\/p>\n In questo momento abbiamo attivato il tema Twenty Twenty sul nostro sito locale. Come potete vedere, la homepage mostra tutti i pulsanti, il testo e le immagini allineati al centro:<\/p>\n Quando per\u00f2 passiamo al tema Twenty Twenty-Three, potete notare che il pulsante Acquista ora<\/strong> (Shop Now) \u00e8 disallineato:<\/p>\n Impostando un ambiente locale per il vostro test, potete rilevare anomalie visive come questa.<\/p>\n Un altro modo importante per testare il vostro sito WordPress \u00e8 quello di verificare la velocit\u00e0 attuale del sito. In questa sezione vedremo sei considerazioni per aiutarvi a testare le prestazioni del vostro sito.<\/p>\n Tenendo conto di ci\u00f2, pu\u00f2 essere utile iniziare a lavorare con Kinsta APM<\/a>. Con il nostro strumento di monitoraggio delle prestazioni delle applicazioni, \u00e8 facile identificare i problemi di prestazioni di WordPress:<\/p>\n Per esempio, potete avere una visione di tutti i processi PHP, delle query al database MySQL e delle chiamate HTTP<\/a> esterne. Di conseguenza, sarete in una posizione migliore per individuare chiamate API lunghe, query di database lente e codice di plugin e temi non ottimizzati.<\/p>\n Inoltre, Kinsta APM \u00e8 gratuito con tutti i piani Kinsta e potete accedere allo strumento direttamente dal vostro cruscotto MyKinsta. Nel complesso, si tratta di una soluzione facile da usare che vi aiuta a migliorare le prestazioni e i tempi di caricamento del vostro sito web.<\/p>\n Per prima cosa, per assicurarvi che il vostro sito web funzioni al massimo delle sue possibilit\u00e0, potete testare WordPress per verificare la presenza di query o script lenti. Le query e gli script lenti hanno un effetto sulla velocit\u00e0 complessiva della pagina e rendono il vostro sito meno efficiente.<\/p>\n Il modo pi\u00f9 semplice per identificare le query e gli script lenti \u00e8 attivare Kinsta APM. Se siete clienti Kinsta, potete accedere allo strumento gratuitamente. Tuttavia, dovrete attivarlo dal vostro cruscotto MyKinsta.<\/p>\n Per farlo, basta accedere al vostro account e scegliere il sito web in cui volete utilizzare lo strumento APM. A questo punto, andate alla scheda APM<\/strong> e fate clic su Abilita<\/strong>:<\/p>\n Dovrete poi scegliere la durata di utilizzo dello strumento. Poich\u00e9 lo strumento APM usa le risorse del server, pu\u00f2 avere un impatto sulle prestazioni del vostro sito. Pertanto, \u00e8 meglio abilitare lo strumento solo per il periodo di tempo in cui state attivamente risolvendo un problema di prestazioni.<\/p>\n Fate la vostra scelta e poi clic su Abilita tempo di monitoraggio<\/strong>:<\/p>\n Lo strumento potrebbe impiegare alcuni minuti per raccogliere i dati relativi al vostro sito. Dopodich\u00e9, passate alla scheda Database<\/strong> e individuate la sezione Query del database pi\u00f9 lente<\/strong>:<\/p>\n Qui troverete le dieci query del database pi\u00f9 lente del vostro sito. Se fate clic su una query, potete anche visualizzare i campione di transazione:<\/p>\n In questo modo potete trovare maggiori informazioni sul campione, la cronologia delle tracce, i dettagli dell’intervallo e lo stack trace.<\/p>\n I plugin mal codificati possono avere un impatto sulla sicurezza del vostro sito WordPress, ma possono anche influire sulle prestazioni. Pertanto, \u00e8 importante individuare questo problema il prima possibile.<\/p>\n Anche in questo caso, potete usare lo strumento Kinsta APM per identificare i plugin lenti. Dopo aver abilitato lo strumento nel vostro cruscotto MyKinsta, andate alla scheda APM<\/strong>. Poi, passate a WordPress<\/strong>:<\/p>\n La prima sezione che vedrete \u00e8 quella dei plugin WordPress pi\u00f9 lenti<\/strong>. I plugin pi\u00f9 lenti registrati sono elencati nella parte superiore della sezione.<\/p>\n Per ottenere maggiori informazioni sui problemi di prestazioni, fate clic su uno dei plugin elencati. In questo modo verranno caricati i campioni di transazioni eseguite dal plugin. Per esempio, potrete visualizzare il timestamp, la cronologia della traccia della transazione e quella della traccia, i dettagli dell’intervallo e altro ancora.<\/p>\n \u00c8 anche importante testare WordPress per verificare la lentezza delle pagine, che pu\u00f2 risultare in una scarsa UX. Inoltre, la velocit\u00e0 delle pagine \u00e8 un fattore di ranking per i motori di ricerca come Google<\/a>.<\/p>\n Potete usare uno strumento gratuito di test della velocit\u00e0 del sito web come Pingdom<\/a> o PageSpeed Insights<\/a> per generare un punteggio rapido della velocit\u00e0 della pagina. Ma potete ottenere una comprensione pi\u00f9 approfondita della velocit\u00e0 della vostra pagina grazie allo strumento Kinsta APM.<\/p>\n Una volta attivato Kinsta APM, ci vorranno alcuni secondi per caricare le metriche delle prestazioni del vostro sito. Dopodich\u00e9, andate alla scheda Transazioni<\/strong>:<\/p>\n Qui potrete visualizzare alcuni dati sul tempo complessivo delle transazioni sul vostro sito. Ma potete anche scorrere verso il basso fino a Transazioni pi\u00f9 lente<\/strong> per vedere i processi PHP che richiedono il maggior tempo di transazione:<\/p>\n Se selezionate una transazione, potete scoprire l’URL che la genera. Quindi, fate clic sull’URL per visualizzare la cronologia delle transazioni<\/strong>:<\/p>\n In questo modo, potete trovare l’intervallo che occupa la durata massima. Se questi intervalli sono considerati critici per le prestazioni, di solito vengono evidenziati in arancione o rosso.<\/p>\n La cache \u00e8 un modo semplice per aumentare i tempi di caricamento. Funziona memorizzando copie del vostro sito sul server. In questo modo, quando un utente richiede la vostra pagina, il server pu\u00f2 visualizzare la versione in cache, permettendo ai dati di essere inviati molto pi\u00f9 velocemente.<\/p>\n Con Kinsta avete accesso al caching a livello di server<\/a> che viene attivato automaticamente su tutti i siti web live. Se invece usate un ambiente di staging, dovrete abilitare la cache manualmente.<\/p>\n Dal vostro cruscotto MyKinsta, fate clic su Siti WordPress<\/strong> e scegliete il vostro sito web. Quindi, andate su Strumenti<\/strong> e, alla voce Cache del sito<\/strong>, fate clic su Abilita<\/strong>:<\/p>\n Ora, il modo pi\u00f9 semplice per testare la cache<\/a> \u00e8 far girare il vostro sito attraverso uno strumento di test della velocit\u00e0 del web come Pingdom<\/a>. Tuttavia, \u00e8 importante eseguire il test pi\u00f9 di una volta. Infatti, se lo eseguite una sola volta, \u00e8 possibile che il contenuto non sia ancora stato memorizzato nella cache del server dell’host o del CDN.<\/p>\n Inserite il vostro URL nella casella URL<\/strong> di Pingdom e selezionate una posizione. Ora, alla voce Intestazioni di risposta<\/strong>, individuate x-kinsta-cache<\/strong>. Se il risultato \u00e8 MISS<\/strong>, il sito non viene caricato dalla cache.<\/p>\n Per risolvere questo problema, dovrete eseguire il test di Pingdom sul vostro sito un altro paio di volte. In questo modo le intestazioni x-kinsta-cache <\/strong>e x-cache<\/strong> dovrebbero registrare un HIT<\/strong>. Ora analizzate i risultati, osservando la grande barra gialla che indica il tempo di attesa o Time to First Byte (TTFB).<\/p>\n Questo numero \u00e8 solitamente alto se la pagina non proviene dalla cache. Anche in questo caso, potreste eseguire il test una volta con la cache disattivata e poi di nuovo con la cache attivata per vedere chiaramente la differenza.<\/p>\n Una Content Delivery Network (CDN)<\/a> vi permette di migliorare i tempi di caricamento servendo le vostre pagine web tramite un server fisicamente pi\u00f9 vicino ai vostri visitatori. Con tutti i piani Kinsta, avrete accesso a un CDN alimentato da Cloudflare<\/a>.<\/p>\n Per i nuovi siti web, il CDN \u00e8 abilitato di default. Potete verificare che il CDN sia abilitato accedendo al vostro cruscotto MyKinsta.<\/p>\n Andate su Siti WordPress<\/strong> e selezionate il nome del vostro sito web. A questo punto, fate clic sulla scheda CDN<\/strong> e poi su Abilita<\/strong>. Se vedete Disabilita<\/strong>, allora sapete che il CDN \u00e8 attivo:<\/p>\n Per testare il CDN, la cosa pi\u00f9 semplice \u00e8 usare uno strumento di test della velocit\u00e0 del sito web. Ma prima, pu\u00f2 essere una buona idea ispezionare le intestazioni HTTP di una risorsa statica per assicurarsi che venga caricata dal CDN di Kinsta.<\/p>\n Potete verificarlo usando lo strumento di ispezione del browser o il nostro strumento gratuito di controllo dello stato e del reindirizzamento HTTP<\/a>. A questo punto, dovrete scegliere uno strumento di test della velocit\u00e0 del sito web come Pingdom:<\/p>\n Potreste eseguire il primo test dopo aver disabilitato il CDN. Poi, potete ripetere il test con il CDN abilitato per vedere la differenza. Dovrete anche testare il vostro CDN da diverse posizioni.<\/p>\n Una volta completato il test, dovrete osservare le richieste che vengono caricate dal CDN di Kinsta (xxxxkinstacdn.com)<\/em>. Per maggiori dettagli su questo argomento, consultate il nostro articolo su come eseguire un test CDN<\/a>.<\/p>\n Contrariamente a quanto si pensa, c’\u00e8 una differenza fondamentale tra i test di velocit\u00e0 dei siti web e i test di carico<\/a>. In sostanza, i test di velocit\u00e0 misurano il tempo di caricamento di una pagina, compresi i tempi di risposta di MySQL e PHP.<\/p>\n D’altro canto, i test di carico offrono un livello di granularit\u00e0 maggiore rispetto ai test di velocit\u00e0. Per esempio, si pu\u00f2 usare per misurare i tempi di caricamento in determinate situazioni, come quando il sito \u00e8 interessato da un’elevata ondata di traffico.<\/p>\n Il processo di impostazione di un test di carico \u00e8 piuttosto complesso. Ecco perch\u00e9 pu\u00f2 essere una buona idea chiedere aiuto a una persona esperta di sviluppo. Se volete eseguire un test di carico sul vostro sito web Kinsta, contattate un membro del nostro team di assistenza<\/a>.<\/p>\n Infine, quando si testa WordPress, \u00e8 importante assicurarsi che tutto il software del sito sia sicuro. Sebbene questo riguardi il software di base di WordPress che la piattaforma usa, si estende anche alla sicurezza dei temi e dei plugin.<\/p>\n Infatti, testare temi e plugin pu\u00f2 essere ancora pi\u00f9 importante perch\u00e9 non sempre provengono da una fonte affidabile. Se installate temi e plugin da siti web di terze parti, non c’\u00e8 modo di verificare che il software abbia superato tutti i controlli di sicurezza richiesti.<\/p>\n Ci\u00f2 significa che il plugin o il tema potrebbero essere mal codificati o addirittura contenere script dannosi o bug che potrebbero danneggiare il vostro sito<\/a>. Inoltre, \u00e8 importante mantenere aggiornato tutto il software del sito, poich\u00e9 quello obsoleto pu\u00f2 essere utilizzato come backdoor per l’accesso da parte di persone malintenzionate.<\/p>\n Sebbene WordPress sia una piattaforma sicura, non \u00e8 immune da attacchi informatici. Pertanto, \u00e8 importante valutare regolarmente la sicurezza del vostro software di base.<\/p>\n Uno dei modi migliori per proteggere il vostro software principale \u00e8 scegliere un host web di qualit\u00e0. Per esempio, con Kinsta<\/a> avrete accesso alla protezione DDoS, ai firewall e alla scansione del malware. Inoltre, abbiamo un team dedicato alla rimozione del malware<\/a>. Quindi, anche se il vostro sito viene infettato, possiamo aiutarvi a ripristinare il suo stato originale.<\/p>\n In ogni caso, quando viene rilasciato un nuovo aggiornamento di WordPress, potete prima verificare che sia sicuro eseguendo l’aggiornamento su un sito di staging o in un ambiente locale.<\/p>\n Su Kinsta \u00e8 facilissimo farlo. Tutto ci\u00f2 che dovete fare \u00e8 navigare su Siti WordPress<\/strong> e scegliere il vostro sito web dall’elenco. Assicuratevi poi che il vostro sito sia impostato su Staging<\/strong> quando eseguite l’aggiornamento.<\/p>\n Quando avrete la certezza che la nuova versione di WordPress \u00e8 sicura, tornate a questa schermata e fate clic su Invia ambiente<\/strong> > Metti in produzione<\/strong> per applicare la modifica:<\/p>\n Quind fate la vostra selezione (scegliendo tra file o database) e confermate la vostra scelta facendo clic su Metti in produzione<\/strong>.<\/p>\n Quando trovate un nuovo tema che volete installare, la cosa migliore da fare \u00e8 attivare il tema in un ambiente di sviluppo locale o sul vostro sito di staging. Lo stesso vale quando un tema esistente sul vostro sito rilascia un aggiornamento.<\/p>\n La maggior parte degli aggiornamenti dei temi contiene patch per problemi di sicurezza. Tuttavia, pu\u00f2 capitare che un aggiornamento sbagliato vada in conflitto con altri software presenti sul vostro sito.<\/p>\n Se invece si tratta di un tema che non avete mai usato prima (e non conoscete le persone che lo sviluppano), l’installazione del tema in un ambiente locale \u00e8 molto pi\u00f9 sicura. In questo modo, anche se il tema dovesse rompere il vostro sito, il problema non sar\u00e0 percepibile e il sito rimarr\u00e0 inalterato.<\/p>\n Pertanto, se siete clienti Kinsta, potete creare un sito di staging. In alternativa, se il vostro sito non \u00e8 ospitato da Kinsta, potete iniziare gratuitamente con DevKinsta, dove potete creare un ambiente di sviluppo locale.<\/p>\n Una volta aperto DevKinsta sul vostro computer, andate alla pagina delle informazioni sul sito<\/strong>. Qui fate clic su WP Admin<\/strong>:<\/p>\n Quindi, installate e attivate il tema come fareste di solito con WordPress. In genere, \u00e8 bene aspettare almeno una settimana prima di installare il tema sul vostro sito web live (lo stesso vale per l’aggiornamento di un nuovo tema).<\/p>\n Tuttavia, se volete valutare la sicurezza di un tema esistente sul vostro sito, il modo pi\u00f9 semplice per farlo \u00e8 utilizzare uno scanner di sicurezza. WPScan<\/a> \u00e8 un’ottima opzione che rileva eventuali vulnerabilit\u00e0 nei temi WordPress.<\/p>\n Anche i plugin possono rappresentare una minaccia per la sicurezza del vostro sito web. Ecco perch\u00e9 \u00e8 buona norma valutare regolarmente la sicurezza dei vostri plugin.<\/p>\n Come abbiamo detto sopra, potete installare un nuovo plugin (o eseguire un aggiornamento di un plugin) in un ambiente locale o in un sito di staging. In questo modo, se qualcosa dovesse andare storto, il vostro sito live rimarr\u00e0 intatto.<\/p>\n Tuttavia, come per i temi, pu\u00f2 essere utile installare una scansione di vulnerabilit\u00e0 come WPScan. Questo strumento \u00e8 completamente gratuito. Tutto ci\u00f2 che dovete fare \u00e8 registrare un account. Poi potrete aggiungere il token API al vostro sito WordPress.<\/p>\n Una volta che lo scanner \u00e8 collegato al sito, andate su WPScan <\/strong>> Impostazioni<\/strong> dove potete impostare scansioni automatiche giornaliere o orarie:<\/p>\n Oppure, fate clic sulla scheda Report<\/strong> per eseguire un test manuale. Una volta concluso il test, scorrete verso il basso fino alla sezione Plugin<\/strong>:<\/p>\n Qui potrete vedere un elenco completo di tutti i plugin presenti sul vostro sito. Se i vostri plugin sono sicuri, vedrete un segno di spunta accanto ai nomi dei plugin. In caso contrario, troverete alcune informazioni elencate nella colonna Vulnerabilit\u00e0<\/strong>.<\/p>\n Naturalmente potete ottimizzare le vostre pagine web e adottare tutte le misure di sicurezza necessarie per gestire un sito di successo. Tuttavia, il modo migliore per assicurarvi che il vostro sito sia sicuro e veloce \u00e8 usare un host web di qualit\u00e0.<\/p>\n Noi di Kinsta diamo priorit\u00e0 alla velocit\u00e0 e alla sicurezza:<\/p>\n Tutti i nostri piani sono ospitati su CPU di altissimo livello con disponibilit\u00e0 globale. Inoltre, avrete accesso al CDN di Kinsta alimentato da Cloudflare, con server situati in oltre 300 localit\u00e0.<\/p>\n Per coloro che si preoccupano della sicurezza del web, Kinsta offre moltissime funzioni per rendere pi\u00f9 sicuro il sito. Potete contare su backup giornalieri, scansione del malware, protezione DDoS e firewall. Inoltre, offriamo un accesso SSH<\/a> con login sicuro e potete installare un certificato SSL gratuito con un solo clic.<\/p>\n Senza test, non potrete capire come gli utenti vivono il vostro sito WordPress. Ad esempio, chi usa determinati browser potrebbe avere problemi con il menu. I visitatori da dispositivi mobili, invece, potrebbero avere lunghi tempi di attesa. Ecco perch\u00e9 \u00e8 importante testare il sito.<\/p>\n Il modo migliore per testare il sito \u00e8 installare un sito di staging o creare un ambiente locale con DevKinsta<\/a>. In questo modo potrete avere un’idea della funzionalit\u00e0, delle prestazioni e della sicurezza del sito (senza interrompere la vostra esperienza web).<\/p>\nQuali sono i tipi di test pi\u00f9 comuni?<\/h2>\n
\n
Le best practice per i test di WordPress<\/h2>\n
Come Impostare gli Ambienti di Test<\/h3>\n
Come Configurare un Ambiente di Test Usando un Sito di Staging<\/h4>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-staging.jpg\")
Come Impostare un Ambiente di Test in Locale<\/h4>\n
![\"Parte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/DevKinsta.png\")
![\"Pagina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-create-local-site.png\")
Come testare la funzionalit\u00e0 del proprio sito WordPress (5 funzioni)<\/h2>\n
Supporto Cross-Browser<\/h3>\n
![\"Sito](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/BrowserStack.png\")
Unit Testing<\/h3>\n
bash\nwp scaffold plugin-tests my-plugin<\/code><\/pre>\nbash\nbash bin\/install-wp-tests.sh wordpress_test root '' localhost latest<\/code><\/pre>\n\/tmp directory<\/code> e negli strumenti di unit testing di WordPress.<\/p>\nphpunit<\/code>. Per istruzioni complete, consultate questa guida sugli unit testing<\/a>.<\/p>\nResponsivit\u00e0 Mobile\/Desktop<\/h3>\n
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/inspect-tool.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/device-toolbar.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile-chrome.png\")
Test dell’Interfaccia Utente (UI)<\/h3>\n
![\"Backend](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/create-menu-local.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/manage-live-preview-menu.png\")
![\"Anteprima](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/ui-front-end.png\")
![\"Test](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/test-ui-menu.png\")
Visual Testing<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/theme-vrt.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/vrt-after.png\")
Come testare la velocit\u00e0 del proprio sito WordPress (6 considerazioni)<\/h2>\n
![\"Homapage](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-apm-tool.png\")
Query o Script Lenti<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/enable-apm.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-monitoring-time.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-database.png\")
![\"Finestra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-samples.png\")
Plugin Lenti<\/h3>\n
![\"Pagina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-wordpress.png\")
Pagine Lente<\/h3>\n
![\"Pagina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-transactions.png\")
![\"Pagina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/slowest-transactions.png\")
![\"Visualizzazione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/transaction-trace-timeline.png\")
Caching<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cache.png\")
Content Delivery Network (CDN)<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cdn.png\")
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/pingdom-speed-test.png\")
Test di Carico<\/h3>\n
Come testare la sicurezza del proprio sito WordPress<\/h2>\n
Sicurezza di Base<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info.jpg\")
Sicurezza del Tema<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info-1.jpg\")
Sicurezza dei Plugin<\/h3>\n
![\"Schermata](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-automated-scans.png\")
![\"Trovare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-plugin-security.png\")
La velocit\u00e0 e la sicurezza sono migliori con l’hosting giusto<\/h2>\n
![\"Homepage](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-home.png\")
Riepilogo<\/h2>\n