Tuttavia, il lancio di un sito di e-commerce richiede un’attenta pianificazione strategica e organizzativa, un’analisi approfondita dei costi e dei benefici, di punti di forza e debolezza, minacce e opportunit\u00e0<\/a>.<\/p>\n E non \u00e8 tutto. Per avere successo con un e-commerce, c’\u00e8 bisogno di un sito web moderno, veloce e sicuro che sia in grado di supportare l’attivit\u00e0. Un sito di e-commerce di successo deve offrire un’esperienza di acquisto fluida, rispettare le normative internazionali sulla privacy, come il GDPR<\/a>, garantire transazioni sicure e accompagnare i clienti attraverso il funnel di vendita fino al punto di acquisto.<\/p>\n Deve essere ottimizzato per la SEO<\/a>, scalabile<\/a> quando necessario, flessibile e facilmente gestibile, in modo che possiate concentrarvi sulla vostra attivit\u00e0 senza perdere tempo e risorse in questioni tecniche.<\/p>\n Non \u00e8 un compito facile, ma un sito di e-commerce pu\u00f2 offrire grandi opportunit\u00e0 di crescita per un’azienda.<\/p>\n In sintesi, le tre aree da considerare quando si progetta un sito web di e-commerce sono le prestazioni, la sicurezza e la funzionalit\u00e0.<\/p>\n Per questo motivo abbiamo creato una raccolta dei nostri migliori consigli sull’ottimizzazione dell’e-commerce suddivisi in tre articoli, ognuno dei quali si concentrer\u00e0 su una di queste tre aree.<\/p>\n Questo primo articolo prende in considerazione le prestazioni, con una lista di 10 best practice per ottimizzare un sito di e-commerce in termini di velocit\u00e0 e prestazioni.<\/p>\n Nei due articoli successivi ci concentreremo sulla sicurezza del sito e sulle funzionalit\u00e0 del servizio di hosting, soffermandoci sui vantaggi che un hosting ottimizzato per l’e-commerce pu\u00f2 garantire.<\/p>\n Pronti a scoprire cosa serve per lanciare un sito e-commerce di successo e partire alla conquista dei mercati internazionali? Continuate a leggere!<\/p>\n Un moderno sito di e-commerce deve avere diverse caratteristiche tecniche e funzionali che favoriscano l’interazione dell’utente con il sito, garantendo un’esperienza di navigazione e di acquisto ricca e piacevole.<\/p>\n Da un punto di vista tecnico, un sito di e-commerce deve essere ottimizzato per le prestazioni e la sicurezza. Deve essere facile da gestire per un team e facilmente scalabile.<\/p>\n La realizzazione di un sito web con queste caratteristiche richiede un’infrastruttura all’avanguardia, un Content Delivery Network<\/a> di livello enterprise, funzioni avanzate per sviluppatori, un sistema di backup<\/a> efficiente e facile da usare e un servizio di assistenza<\/a> veloce e competente.<\/p>\n Quindi, il primo passo da fare per lanciare un sito di e-commerce \u00e8 capire dove trovare i servizi e gli strumenti necessari. Si tratta di scegliere il fornitore dell’infrastruttura di hosting. Le opzioni sono quasi infinite. Si pu\u00f2 scegliere di gestire i server assumendo un amministratore di sistema, oppure optare per una soluzione completamente gestita, come Wix<\/a> o Shopify<\/a>.<\/p>\n La prima soluzione, ovvero la gestione interna del server, offre la massima flessibilit\u00e0 e possibilit\u00e0 di personalizzazione. Tuttavia richiede risorse considerevoli e tecnici qualificati. Di solito, questa \u00e8 una soluzione adottata dalle grandi aziende.<\/p>\n La seconda soluzione, una piattaforma completamente gestita, ha il vantaggio di una grande facilit\u00e0 d’uso ma non garantisce la flessibilit\u00e0 tecnica e operativa che un’azienda potrebbe richiedere. Inoltre, con la crescita dell’azienda, possono sorgere costi imprevisti.<\/p>\n A met\u00e0 strada tra questi due estremi, ci sono soluzioni basate su una piattaforma open-source<\/a> combinata con un servizio di hosting che fornisce le funzionalit\u00e0 necessarie per l’e-commerce.<\/p>\n Per approfondire le differenze tra alcune delle opzioni disponibili, ecco i nostri articoli di confronto:<\/p>\n Kinsta offre un hosting di alto livello per i siti di e-commerce<\/a>. La nostra infrastruttura \u00e8 ottimizzata per garantire prestazioni, sicurezza e facilit\u00e0 d’uso dei siti WordPress, insieme ai pi\u00f9 popolari plugin di e-commerce, WooCommerce e Easy Digital Downloads. Abbiamo una tecnologia a container isolati<\/a> costruita su Google Cloud Platform<\/a> che sfrutta la potenza della rete di Cloudflare<\/a> per garantire il massimo delle prestazioni e della sicurezza.<\/p>\n Questa \u00e8 la soluzione tecnica che consigliamo a chiunque si ponga la domanda: qual \u00e8 la migliore infrastruttura di hosting per un moderno sito di e-commerce?<\/p>\n Cominciamo con le prestazioni dell’e-commerce!<\/p>\n Secondo recenti ricerche sui tassi di conversione degli e-commerce<\/a>, il principale fattore di successo di un sito web di e-commerce risiede nella velocit\u00e0 di caricamento delle pagine. Un sito e-commerce che si carica in 1 secondo ha un tasso di conversione 2,5 volte superiore rispetto a un sito che si carica in 5 secondi.<\/p>\n Inoltre, le pagine che si caricano in 1 secondo hanno un tasso di conversione medio di circa il 40%. Se il tempo di caricamento aumenta a 2 secondi, il tasso di conversione scende al 34%. A 3 secondi, il tasso di conversione \u00e8 del 29% e raggiunge il minimo a 6 secondi.<\/p>\n L’analisi suggerisce di ottimizzare l’e-commerce per una velocit\u00e0 di caricamento compresa tra uno e due secondi.<\/p>\n Come si pu\u00f2 raggiungere questo livello di prestazioni? L’ottimizzazione delle prestazioni \u00e8 un processo di miglioramento continuo che interessa diverse aree di un sito web. Il suo valore strategico \u00e8 particolarmente evidente per l’e-commerce, che in genere consuma maggiori quantit\u00e0 di risorse.<\/p>\n Per aiutare i proprietari di e-commerce a ottimizzare le prestazioni dei loro siti web, abbiamo stilato una checklist essenziale delle ottimizzazioni necessarie per migliorare le prestazioni e la velocit\u00e0 delle pagine.<\/p>\n In breve, quali sono i fattori chiave da considerare per ottimizzare le prestazioni di un sito e-commerce? Tuffiamoci in questa lista! Quando scegliete un servizio di hosting per il vostro sito e-commerce, \u00e8 fondamentale conoscere lo stack tecnologico che offre.<\/p>\n La prima decisione riguarda il tipo di servizio di hosting. Esistono diversi tipi di hosting web<\/a>, che differiscono notevolmente in termini di infrastruttura e servizi:<\/p>\n Poich\u00e9 \u00e8 indispensabile garantire le massime prestazioni al vostro e-commerce, l’infrastruttura deve essere ad alta velocit\u00e0. Questo esclude l’hosting condiviso<\/a> che, per quanto possa essere economico (o addirittura gratuito<\/a>), non garantisce gli standard minimi di prestazioni e sicurezza di cui un sito di e-commerce non pu\u00f2 fare a meno per avere successo sul mercato.<\/p>\n Un servizio di hosting dedicato basato su VPS pu\u00f2 essere altamente personalizzato e ottimizzato per le prestazioni. Tuttavia, richiede competenze da SysAdmin<\/a>, che potrebbero essere troppo costose per una piccola o media impresa.<\/span> Un servizio di cloud hosting<\/a> pu\u00f2 garantire prestazioni e sicurezza per un moderno sito di e-commerce e potrebbe non richiedere competenze tecniche avanzate.<\/p>\n \u00c8 facile trovare fornitori di servizi di hosting WordPress e WooCommerce gestiti se si lavora con WordPress. Ci\u00f2 significa che non dovrete occuparvi della configurazione e dell’ottimizzazione del server e che avrete a disposizione un servizio di assistenza specializzato e un’installazione e manutenzione del sito semplificate.<\/p>\n \u00c8 inoltre necessario fornire al sito web uno stack tecnico all’avanguardia. La maggior parte degli host web fornisce uno stack basato sul server web Apache<\/a> e su MySQL<\/a>. Tuttavia, potreste prendere in considerazione uno stack tecnologico pi\u00f9 moderno e performante, come Nginx<\/a> e MariaDB<\/a>.<\/p>\n Noi di Kinsta crediamo di aver creato la migliore e pi\u00f9 veloce soluzione di hosting WordPress gestito oggi disponibile su Google Cloud Platform<\/a>.<\/p>\n Forniamo VM ottimizzate per il calcolo C3D e C2<\/a> su tutti i piani, da Single 35k a WP 60 e oltre, nelle regioni in cui sono disponibili. Sfruttiamo anche la rete di livello Premium<\/a> a bassa latenza di Google, disponibile per tutti i nostri clienti senza costi aggiuntivi.<\/p>\n Inoltre, abbiamo costruito uno stack tecnico solido e veloce basato su Nginx, MariaDB, PHP 8.4, container LXD<\/a> e la nostra integrazione di Cloudflare Enterprise. Questo stack \u00e8 disponibile per tutti i nostri clienti, indipendentemente dai loro piani.<\/p>\n Date un’occhiata a questo articolo<\/a> per scoprire perch\u00e9 Kinsta \u00e8 l’host WordPress gestito pi\u00f9 veloce.<\/p>\n Secondo W3Techs<\/a>, ad agosto 2024,<\/p>\n PHP \u00e8 utilizzato dal 76,1% di tutti i siti web di cui conosciamo il linguaggio di programmazione lato server.<\/p><\/blockquote>\n La versione 7 \u00e8 utilizzata dal 52,6% di tutti i siti web che utilizzano PHP, la versione 8 dal 33,0% e la versione 5 dal 14,2%.<\/p>\n Se gestite un sito web di e-commerce, dovete sapere quale versione PHP<\/a> utilizza il vostro sito e perch\u00e9 dovreste preferire una versione supportata.<\/p>\n In breve, il PHP ha un ciclo di vita di rilascio e ogni versione principale \u00e8 in genere supportata per due anni<\/a>. Le versioni supportate sono le uniche che ricevono aggiornamenti sulle prestazioni e sulla sicurezza, quindi l’utilizzo di una versione non supportata di PHP comporta una riduzione delle prestazioni e un aumento delle vulnerabilit\u00e0 di sicurezza rispetto alle versioni supportate.<\/p>\n Ad agosto 2024, le versioni di PHP ufficialmente supportate saranno PHP 8.1, 8.2 e 8.3.<\/p>\n Abbiamo eseguito i nostri test di velocit\u00e0 con PHP 8.1, 8.2 e 8.3<\/a> e diversi CMS e framework e abbiamo scoperto che PHP 8.3<\/a> si \u00e8 dimostrato la versione PHP pi\u00f9 veloce, fornendo un <\/span>aumento delle prestazioni fino al <\/span>52,20% ai CMS e framework testati.<\/p>\n Su Kinsta forniamo solo versioni PHP supportate<\/strong>. Attualmente supportiamo PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4, 8.5.<\/p>\n \u00c8 possibile cambiare rapidamente e facilmente la versione PHP del proprio sito WordPress in MyKinsta. Accedete alla sezione di configurazione del sito WordPress e selezionate Strumenti<\/strong> dal menu di sinistra. Qui troverete diversi strumenti disponibili per i nostri clienti. Scorrete la pagina e cercate Motore PHP<\/strong>. Cliccate sul pulsante Modifica<\/strong> e selezionate la versione PHP necessaria per il vostro sito web.<\/p>\n La cache<\/a> \u00e8 una porzione di memoria utilizzata per memorizzare copie di risorse che possono essere servite in caso di richieste future senza dover scaricare nuovamente la pagina completa. Esistono diversi tipi di cache<\/a>, ognuno con uno scopo specifico, ma quelli che ci interessano qui sono la cache del browser e la cache di WordPress.<\/p>\n Ogni risposta del server deve fornire le intestazioni HTTP corrette in modo che il browser sappia per quanto tempo mettere in cache<\/a> una copia della risorsa richiesta. Questo avviene impostando gli header ETag e Expires<\/a> nella richiesta HTTP<\/a>.<\/p>\n WordPress ha il suo sistema di cache. L’oggetto Gli utenti di WordPress possono installare un plugin di cache per WordPress<\/a> di terze parti. Strumenti come <\/span>W3 Total Cache<\/a> e <\/span>WP Super Cache<\/a> permettono di <\/span>gestire la cache di WordPress<\/a> in modo granulare. Possono essere molto utili se optate per una soluzione di hosting condiviso o quando l’host web non fornisce soluzioni di gestione della cache pi\u00f9 efficienti.<\/span><\/p>\n Questi strumenti sono complicati da configurare e possono richiedere conoscenze che non tutti i proprietari di siti hanno. In breve, vi serve un modo semplice per gestire la cache.<\/p>\n Per quanto riguarda l’e-commerce, potreste anche voler escludere dalla cache pagine specifiche, come “il mio account” e il checkout. Questo \u00e8 fondamentale per garantire ai clienti del vostro sito web un’esperienza di acquisto impeccabile. Ma come fare?<\/p>\n Gestire la cache pu\u00f2 essere complicato, soprattutto se non si hanno competenze tecniche. Su Kinsta, invece, la gestione della cache \u00e8 semplice e tutte le impostazioni sono comodamente raccolte in un’unica sezione della dashboard MyKinsta.<\/p>\n La differenza principale tra la cache di Kinsta e i plugin WordPress di terze parti \u00e8 che la cache di Kinsta funziona a livello di server<\/a>.<\/p>\n In MyKinsta, andate su Siti WordPress<\/strong> e selezionate il vostro sito web. Nella pagina delle impostazioni del sito, cliccate sulla voce di menu Cache<\/strong> a sinistra e selezionate la scheda Cache del server<\/strong>. Qui potete cancellare la cache e modificare la scadenza della cache.<\/p>\n I plugin di caching non sono consentiti su Kinsta<\/a>, il che sembra una contraddizione rispetto a quanto detto nella sezione precedente. Tuttavia, questo \u00e8 dovuto al fatto che Kinsta si occupa della cache sul server per voi, offrendo cos\u00ec prestazioni migliori e una gestione pi\u00f9 semplice.<\/strong><\/p>\n In particolare per i siti web WooCommerce e EDD, Kinsta bypassa automaticamente la cache quando vengono rilevati i cookie di Gli utenti di Kinsta possono anche gestire la cache direttamente dalla loro dashboard di WordPress grazie al plugin Kinsta MU<\/a>, che viene installato automaticamente su tutti i nuovi siti WordPress ospitati da Kinsta.<\/p>\n Nella schermata della cache di Kinsta, potete eseguire le seguenti azioni:<\/p>\n Il plugin per la cache di Kinsta offre anche un pulsante nella barra di amministrazione che permette di svuotare:<\/p>\n Un altro tipo di cache \u00e8 la cache CDN. Continuate a leggere per saperne di pi\u00f9.<\/p>\n Un CDN \u00e8 una rete di server<\/a> che memorizza risorse statiche come immagini, script e fogli di stile in modo che possano essere consegnate agli utenti del sito dalla posizione geografica pi\u00f9 vicina.<\/p>\n Un CDN fornisce in genere servizi e funzionalit\u00e0 che possono migliorare in modo significativo le prestazioni e la sicurezza di un sito web. Per quanto riguarda le prestazioni, pu\u00f2 aiutarvi con i seguenti aspetti:<\/p>\n Kinsta offre un’integrazione gratuita del CDN di Cloudflare<\/a> su tutti i piani di hosting. Ci\u00f2 significa che potrete usufruire delle funzionalit\u00e0 di Cloudflare per le aziende in modo completamente gratuito, indipendentemente dal vostro piano.<\/p>\n Cloudflare fornisce un servizio di caching delle risorse statiche che pu\u00f2 aumentare in modo significativo le prestazioni dei siti e-commerce. Questo \u00e8 particolarmente utile quando il vostro pubblico di riferimento \u00e8 distribuito su un’ampia area geografica.<\/p>\n Grazie alla nostra integrazione con Cloudflare, possiamo fornire a tutti i nostri clienti, indipendentemente dal loro piano, le seguenti funzionalit\u00e0 aziendali:<\/p>\n Con Kinsta, potrete sfruttare tutte queste funzionalit\u00e0 abilitando il CDN di Cloudflare nella sezione Cache<\/strong> della dashboard MyKinsta, dove potrete gestire l’Edge Caching<\/strong> e la Cache CDN<\/strong>.<\/p>\n Potete attivare le funzioni <\/span>Mobile cache<\/strong>, <\/span>Svuota cache<\/strong> e Svuota<\/strong><\/span> cache URL <\/strong>dalla scheda Edge Caching<\/strong>.<\/p>\n Nella scheda CDN<\/strong>, potete svuotare la cache CDN<\/strong>, ottimizzare le immagini ed escludere file specifici dalla cache CDN.<\/p>\n L’ottimizzazione delle immagini<\/a> \u00e8 fondamentale per la velocit\u00e0 delle pagine. Ottimizzare le immagini non \u00e8 complicato per i principianti, ma sono necessarie alcune conoscenze di base<\/a>.<\/p>\n \u00c8 possibile ottimizzare le immagini in diversi modi. Innanzitutto, \u00e8 necessario individuare il formato di immagine che meglio si adatta alle caratteristiche dell’immagine. Oltre ai tradizionali formati JPEG, PNG e GIF, i formati di immagine ottimizzati per il web, come WebP<\/a> e Avif, <\/span>offrono alti livelli di compressione e una qualit\u00e0 superiore. WordPress supporta<\/a> entrambi i formati, quindi siete liberi di utilizzarli sul vostro sito e-commerce.<\/p>\n Una volta scelto il formato d’immagine giusto, potete passare alla compressione. Esistono due tipi di compressione delle immagini<\/a>: lossy e lossless. La compressione lossy \u00e8 pi\u00f9 efficace per ridurre le dimensioni dei file. Tuttavia, dovete considerarne la perdita di informazioni e, quindi, la riduzione della qualit\u00e0 dell’immagine.<\/p>\n Se la qualit\u00e0 dell’immagine \u00e8 fondamentale per il vostro sito web, la compressione lossless potrebbe essere la scelta giusta, anche se il risparmio di dimensioni potrebbe essere insignificante. Per comprimere le immagini senza perdita di informazioni, avrete bisogno di strumenti come FileOptimizer<\/a> o ImageOptim<\/a> per WordPress o di un software di editing fotografico come Photoshop.<\/span> Un’altra opzione \u00e8 la compressione Gzip<\/a>.<\/p>\n Grazie alla nostra integrazione con Cloudflare, Kinsta offre l’ottimizzazione gratuita delle immagini<\/a>. Ci\u00f2 significa che le vostre immagini PNG, GIF e JPEG vengono convertite automaticamente nel formato WebP per migliorare la velocit\u00e0 e le prestazioni del vostro sito web senza dover ricorrere a plugin di terze parti.<\/p>\n Potete attivare l’ottimizzazione automatica delle immagini in MyKinsta alla voce Cache > CDN > Ottimizzazione immagini<\/strong>.<\/p>\n Cliccate sul pulsante Impostazioni nel riquadro Ottimizzazione immagine<\/strong> e selezionate il tipo di ottimizzazione che desiderate.<\/p>\n \u00c8 possibile ridurre la quantit\u00e0 di dati che il browser scarica per rendere una pagina sullo schermo attraverso la minificazione, la compressione e la cache delle risorse HTML, CSS e JavaScript.<\/p>\n La minificazione del codice<\/a> \u00e8 il processo di rimozione dei caratteri non necessari dal codice sorgente. I commenti e gli spazi bianchi sono utili nello sviluppo, ma il browser non ne ha bisogno per renderizzare la pagina. Con la minificazione del codice, potete ridurre le dimensioni delle risorse HTML, CSS e JS fino al 50% o pi\u00f9.<\/p>\n Vale la pena notare, tuttavia, che Cloudflare ha recentemente annunciato<\/a> la deprecazione della funzione di minificazione automatica:<\/p>\n I motivi per cui intendiamo rimuovere questa funzione sono molteplici, ma si riducono al fatto che si tratta di una funzione di performance utilizzata per ridurre il peso della pagina e che non \u00e8 efficiente come altri progetti su cui Cloudflare sta lavorando, come il miglioramento della compressione.<\/p><\/blockquote>\n Grazie alla compressione<\/a> potete ridurre le dimensioni dei file trasmessi per aumentare la velocit\u00e0 delle pagine e utilizzare meno larghezza di banda. La compressione GZIP<\/a> permette di comprimere un insieme di dati grezzi senza perdita di informazioni. Qualsiasi tipo di file pu\u00f2 essere compresso, ma GZIP funziona meglio con risorse basate sul testo come HTML, CSS e JS. Un altro tipo di compressione \u00e8 Brotli, pi\u00f9 recente e pi\u00f9 efficace di GZIP e supportato da tutti i principali browser.<\/p>\n Mentre ci sono diversi passaggi per abilitare la compressione Brotly in WordPress<\/a>, i clienti di Kinsta non devono fare assolutamente nulla per sfruttare la potenza di questo algoritmo di compressione. Grazie alla nostra integrazione con Cloudflare, ogni sito web ospitato da Kinsta utilizza Brotli per impostazione predefinita.<\/strong><\/p>\n Potete controllare il tipo di compressione nell’inspector del vostro browser. Selezionate un asset nella schermata Rete > Tutti<\/strong><\/span> e cercate l’intestazione Potete eliminare i JavaScript che bloccano il rendering<\/a> aggiungendo gli attributi Potete anche eliminare il CSS che blocca il rendering<\/a> dando priorit\u00e0 alle risorse above-the-fold, aggiungendo il CSS inline, utilizzando l’attributo Tutto questo potrebbe risultarvi un po’ complicato se non siete sviluppatori frontend, ma potete utilizzare un plugin per WordPress<\/a> per fare tutto il “lavoro sporco” al posto vostro.<\/p>\n Inoltre, a partire da WordPress 6.3<\/a>, potete aggiungere gli attributi Un’osservazione specifica va fatta sui fogli di stile, che possono appesantire notevolmente una pagina web.<\/p>\n Quando il browser si ferma su un tag Per questo motivo \u00e8 necessario <\/span>ottimizzare i fogli di stile<\/a> ed eseguire un’analisi approfondita attraverso gli strumenti di sviluppo del browser, come Lighthouse di Chrome e <\/span>Pagespeed Insights<\/a>.<\/p>\n Una volta effettuata l’analisi, dovrete individuare le soluzioni pi\u00f9 appropriate per ridurre l’impatto dei fogli di stile sulle prestazioni. La minificazione e la compressione sono solo due delle opzioni disponibili. Altre misure includono la memorizzazione nella cache dei file impostando le intestazioni Expires ed ETag, la scelta ottimale del tema e dei plugin del sito, la rimozione del codice CSS non necessario, l’ottimizzazione dei font web e altre misure di ottimizzazione delle prestazioni<\/a>.<\/p>\n Tuttavia, l’opzione migliore per uno sviluppatore \u00e8 sempre quella di progettare i propri stili seguendo le best practice CSS<\/a> fin dall’inizio.<\/p>\n Immagini, script e fogli di stile sono tutte risorse fondamentali per un sito web. Tuttavia, ci sono altre risorse meno essenziali ma a volte critiche per lo scopo specifico del sito, tra cui video, contenuti multimediali e font web. Ogni risorsa genera una richiesta HTTP al server web che la ospita e ogni richiesta richiede tempi di elaborazione e risposta che si sommano l’uno all’altro, aumentando il tempo complessivo di caricamento della pagina.<\/p>\n Per questo motivo \u00e8 fondamentale ridurre al minimo il numero di richieste HTTP<\/a> al server<\/span>.<\/p>\n Anche in questo caso, diversi strumenti di analisi delle prestazioni possono aiutarvi a determinare il numero di richieste HTTP. Gli strumenti di sviluppo del browser e gli strumenti online come Pingdom<\/a> e<\/span> GTMetrix<\/a> possono essere dei validi alleati quando si tratta di problemi di prestazioni.<\/p>\n Tra le tante soluzioni che uno sviluppatore pu\u00f2 implementare per ridurre il numero di richieste HTTP, la pi\u00f9 efficace \u00e8 la rimozione delle risorse non necessarie dalla pagina.<\/p>\n Gli utenti di WordPress dovrebbero rimuovere tutti i plugin che non sono strettamente necessari o almeno caricare in modo selettivo<\/a> i plugin che non sono richiesti<\/a> in tutto il sito web. Dovrebbero inoltre scegliere i plugin pi\u00f9 affidabili e leggeri disponibili<\/span> ed evitare i cosiddetti plugin nulled<\/a>.<\/p>\nDa dove iniziare per lanciare un sito di e-commerce moderno<\/h2>\n
\n
![\"Pagina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/woocommerce-plugin.jpg\")
10 best practice per ottimizzare le prestazioni di un sito di e-commerce<\/h2>\n
\n1. Scegliere un’infrastruttura di hosting e uno stack tecnico all’avanguardia<\/h3>\n
\n
Infrastruttura di hosting e stack tecnico di Kinsta<\/h4>\n
![\"Regioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-regions.jpg\")
![\"Rete](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-network.jpg\")
2. Usare le versioni PHP supportate<\/h3>\n
![\"Versioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/supported-php-versions.png\")
Versioni PHP su Kinsta<\/h4>\n
![\"Modificare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/modify-php-engine-mykinsta.jpg\")
3. Sfruttare la cache per migliorare le prestazioni<\/h3>\n
WP_Object_Cache<\/code><\/a> permette di ridurre il numero di richieste al database: “L’Object Cache memorizza tutti i dati della cache e rende disponibili i contenuti della cache utilizzando una chiave, che viene utilizzata per nominare e successivamente recuperare i contenuti della cache”<\/p>\n![\"Plugin](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-caching-plugins.jpg\")
Gestione della cache su Kinsta<\/h4>\n
![\"Modificare](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/change-cache-expiration-mykinsta.jpg\")
woocommerce_items_in_cart<\/code> o edd_items_in_cart<\/code>. In questo modo l’esperienza di acquisto di tutti i vostri clienti sar\u00e0 pi\u00f9 fluida.<\/p>\n![\"Impostazioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/kinsta-mu-plugin.jpg\")
\n
\n
4. Utilizzare una rete di distribuzione dei contenuti<\/h3>\n
\n
Kinsta CDN<\/h4>\n
\n
![\"Opzioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/edge-caching-mykinsta.jpg\")
![\"Opzioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/cdn-cache-mykinsta.jpg\")
5. Ottimizzare le immagini<\/h3>\n
![\"Supporto](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/avif.jpg\")
Ottimizzare le immagini con Kinsta<\/h4>\n
![\"Ottimizzazione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-mykinsta.jpg\")
![\"Ottimizzazione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-options-mykinsta.jpg\")
6. Ridurre le dimensioni delle risorse HTML, CSS e JavaScript<\/h3>\n
![\"Supporto](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/brotli.png\")
Compressione delle risorse su Kinsta<\/h4>\n
content-encoding<\/code>. Questo indica il tipo di compressione attivata sul vostro sito web. br<\/code> sta per Brotli.<\/p>\n![\"Brotli](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/content-encoding-brotli.png\")
7. Eliminare le risorse che bloccano il rendering<\/h3>\n
async<\/code> e defer<\/code> ai tag <script><\/code>. Questo pu\u00f2 migliorare il cosiddetto First Contentful Paint<\/a>. Pi\u00f9 precisamente:<\/p>\n\n
async<\/code> vengono eseguiti in modo asincrono non appena vengono caricati. Una volta caricato lo script, il browser si ferma, analizza l’HTML ed esegue lo script.<\/li>\ndefer<\/code> vengono eseguiti solo al termine dell’analisi della pagina.<\/li>\n<\/ul>\n![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/eliminate-render-blocking-resources-pagespeed-insights.jpg\")
media<\/code> e usando JavaScript per caricare in modo asincrono o rinviare il caricamento del CSS.<\/p>\nasync<\/code> e defer<\/code> durante la registrazione dello script e, a partire da WordPress 6.4<\/a>, questi attributi sono stati implementati per gli script frontend nel core di WordPress e nei temi in bundle.<\/p>\n8. Ottimizzare i CSS<\/h3>\n
<link><\/code>, interrompe il download di altre risorse e l’analisi della pagina per scaricare e analizzare il file CSS. Inoltre, dovete prestare attenzione ad alcune peculiarit\u00e0 dei fogli di stile:<\/p>\n\n
9. Ridurre il numero di richieste HTTP<\/h3>\n