{"id":349,"date":"2021-10-25T15:53:00","date_gmt":"2021-10-25T15:53:00","guid":{"rendered":"https:\/\/www.hostcommerce.it\/it\/?p=349"},"modified":"2021-12-10T18:12:49","modified_gmt":"2021-12-10T18:12:49","slug":"come-ottimizzare-le-performance-di-magento-2","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/","title":{"rendered":"Come Ottimizzare le performance di Magento 2"},"content":{"rendered":"<p>Per gli store Magento 2, l&#8217;ottimizzazione delle prestazioni \u00e8 uno dei fattori fondamentali per il raggiungimento del successo della tua attivit\u00e0.<\/p>\n<p>Se infatti il tuo negozio online sar\u00e0 veloce e performante, sicuramente i tuoi clienti avranno un&#8217; esperienza utente piacevole e torneranno cos\u00ec, volentieri.<\/p>\n<p>Solo quando il tuo negozio \u00e8 pi\u00f9 vicino ai consumatori, aumentare il tasso di conversione e ottimizzare le entrate diventa sempre pi\u00f9 facile.<\/p>\n<p>Il Benchmark Testing, fa il confronto tra le configurazioni supportate e consigliate per Magento Enterprise Edition 2.0 e Magento Enterprise Edition 1.14.2. Il test ha dimostrato che Magento 2.0 \u00e8 considerata la piattaforma migliore rispetto a Magento 1.x,\u00a0 attraverso tutte le metriche e i casi d&#8217;uso. Con la versione Magento 2, infatti hai molte migliorie:<\/p>\n<ul>\n<li>Puoi elaborare fino al 39% in pi\u00f9 di ordini all&#8217;ora<\/li>\n<li>Puoi fornire tempi di risposta del server quasi istantanei per la navigazione del catalogo<\/li>\n<li>Tempi di risposta del server add-to-cart fino al 66% pi\u00f9 veloci<\/li>\n<li>Tempi di pagamento end-to-end pi\u00f9 rapidi fino al 51%<\/li>\n<\/ul>\n<p>Al giorno d&#8217;oggi, quando la consapevolezza delle prestazioni di Magento 2 \u00e8 diffusa, molte tecnologie aggiuntive sono integrate per supportare l&#8217;ottimizzazione delle prestazioni di Magento 2 come Varnish, Redis, Nginx e persino la soluzione full page cache.<\/p>\n<p>Otterrai quindi grandi cambiamenti per migliorare le prestazioni di Magento 2 e migliorare l&#8217;esperienza del cliente nel tuo negozio.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69ff5448db269\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69ff5448db269\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Come_ottimizzare_le_prestazioni_di_Magento_2\" >Come ottimizzare le prestazioni di Magento 2<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_1_abilita_le_categorie_e_i_prodotti_flat\" >Passaggio 1: abilita le categorie e i prodotti flat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_2_merge_CSS_e_JS\" >Passaggio 2: merge CSS e JS<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#File_Javascript\" >File Javascript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#File_CSS\" >File CSS<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_3_rete_di_distribuzione_dei_contenuti\" >Passaggio 3: rete di distribuzione dei contenuti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Step_4_Caching\" >Step 4: Caching<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_5_ottimizzazione_dellimmagine\" >Passaggio 5: ottimizzazione dell&#8217;immagine<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_6_abilitare_la_compressione\" >Passaggio 6: abilitare la compressione<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_7_ridurre_i_tempi_di_risposta_del_server\" >Passaggio 7: ridurre i tempi di risposta del server<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Passaggio_8_aggiornamenti_Magento\" >Passaggio 8: aggiornamenti Magento<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.bhoost.com\/it\/piattaforme-ecommerce\/magento\/come-ottimizzare-le-performance-di-magento-2\/#Conclusioni\" >Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Come_ottimizzare_le_prestazioni_di_Magento_2\"><\/span>Come ottimizzare le prestazioni di Magento 2<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Come ti dicevo, avere un sito reattivo che risponde prontamente al cliente, \u00e8 fondamentale per la soddisfazione del cliente stesso. Vediamo quindi qualche piccolo accorgimento che pu\u00f2 aiutarci in questo.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_1_abilita_le_categorie_e_i_prodotti_flat\"><\/span>Passaggio 1: abilita le categorie e i prodotti flat<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Forse sai che uno degli aspetti che ha una grande influenza sulla velocit\u00e0 delle prestazioni di Magento 2 \u00e8 la capacit\u00e0 di caricamento del database. Nella configurazione, abilita <strong>Flat Catalog<\/strong> per velocizzarlo.<\/p>\n<p>Flat Catalog consente di scaricare il numero del database una volta che c&#8217;\u00e8 una richiesta per mostrare il prodotto. Allo stesso tempo, la complessit\u00e0 delle query MySQL sar\u00e0 ridotta.<\/p>\n<p>Vai a backend &#8211;&gt; <strong>Negozi<\/strong> &#8211;&gt; <strong>Configurazione<\/strong> &#8211;&gt;<strong> Catalogo<\/strong> &#8211;&gt; <strong>Catalogo<\/strong> &#8211;&gt; <strong>Storefront<\/strong>, scegli <strong>S\u00ec<\/strong> nel campo Use Flat Catalog Category.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-350 size-large\" src=\"https:\/\/www.hostcommerce.it\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/flat-catalog-magento-952x1024.png\" alt=\"flat-catalog-magento\" width=\"525\" height=\"565\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/flat-catalog-magento-952x1024.png 952w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/flat-catalog-magento-279x300.png 279w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/flat-catalog-magento-768x826.png 768w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/flat-catalog-magento-750x807.png 750w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/flat-catalog-magento.png 1002w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_2_merge_CSS_e_JS\"><\/span>Passaggio 2: merge CSS e JS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Il prossimo passo che devi seguire \u00e8 fare il merge e minimizzare i file CSS e Javascript, il che significa rendere la pagina web il pi\u00f9 leggera possibile per il caricamento veloce. Ricordati di mettere Magento 2 in modalit\u00e0 produzione.<\/p>\n<div class=\"language-plaintext highlighter-rouge\">\n<div class=\"highlight\">\n<pre class=\"highlight\"><code>.\/bin\/magento deploy:mode:set production\r\n<\/code><\/pre>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"File_Javascript\"><\/span>File Javascript<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>Vai sul backend, <strong>Negozi<\/strong> &#8211;&gt; <strong>Configurazione<\/strong> &#8211;&gt; <strong>Avanzate<\/strong> &#8211;&gt; <strong>Sviluppatore<\/strong> &#8212;-&gt; <strong>Impostazioni JavaScript<\/strong><\/li>\n<li>Imposta <strong>Merge file JavaScript<\/strong> su <strong>S\u00ec<\/strong><\/li>\n<li>Imposta <strong>Minimizza file JavaScript<\/strong> su <strong>S\u00ec<\/strong><\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"File_CSS\"><\/span>File CSS<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>Vai sul backend, <strong>Negozi<\/strong> &#8211;&gt; <strong>Configurazione<\/strong> &#8211;&gt; <strong>Avanzate<\/strong> &#8211;&gt; <strong>Sviluppatore<\/strong> &#8212;-&gt; <strong>Impostazioni CSS<\/strong><\/li>\n<li>Imposta <strong>Merge file CSS <\/strong>su <strong>S\u00ec<\/strong><\/li>\n<li>Imposta <strong>Minimizza file CSS<\/strong> su <strong>S\u00ec<\/strong><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_3_rete_di_distribuzione_dei_contenuti\"><\/span>Passaggio 3: rete di distribuzione dei contenuti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Content Delivery Network (CDN) \u00e8 un sistema speciale in grado di connettere tutti i server cache. Oltre alla vicinanza geografica supportata, CDN si occuper\u00e0 della distribuzione dei contenuti Web e velocizzer\u00e0 il caricamento della pagina.<\/p>\n<p>Segui questa guida per <a href=\"https:\/\/www.hostcommerce.it\/it\/2021\/08\/20\/come-configurare-la-cdn-in-magento-2\/\">configurare CDN per i negozi Magento 2<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Caching\"><\/span>Step 4: Caching<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vai su <strong>Sistema<\/strong> &#8211;&gt; <strong>Gestione della Cache<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-351 size-large\" src=\"https:\/\/www.hostcommerce.it\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/cache-976x1024.png\" alt=\"cache-magento\" width=\"525\" height=\"551\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/cache-976x1024.png 976w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/cache-286x300.png 286w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/cache-768x806.png 768w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/cache-750x787.png 750w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/cache.png 1013w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Qui trovi molte opzioni di memorizzazione nella cache per svuotare la cache di Magento 2. Tocca Abilita e poi Invia le opzioni di cui hai bisogno.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_5_ottimizzazione_dellimmagine\"><\/span>Passaggio 5: ottimizzazione dell&#8217;immagine<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>L&#8217;immagine \u00e8 un fattore necessario per rendere pi\u00f9 vivide le prestazioni del tuo negozio Magento 2. Tuttavia, la dimensione dell&#8217;immagine se \u00e8 troppo pesante da caricare sul tuo sito, pu\u00f2 creare problemi di sovraccarico. Pertanto, la compressione dell&#8217;immagine dovrebbe essere eseguita prima di inviare qualsiasi immagine. Puoi utilizzare il formato JPEG per le immagini dei prodotti e PNG o SVG per il layout e il logo.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_6_abilitare_la_compressione\"><\/span>Passaggio 6: abilitare la compressione<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Cambiamo le direttive di compressione nginx da:<\/p>\n<p>gzip_types: testo\/applicazione semplice\/testo x-javascript\/testo javascript\/testo xml\/immagine css\/immagine x-icon\/immagine bmp\/immagine png\/gif; a gzip_types:;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_7_ridurre_i_tempi_di_risposta_del_server\"><\/span>Passaggio 7: ridurre i tempi di risposta del server<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Con la funzionalit\u00e0 cache integrata di Magento 2, il tempo di risposta del tuo sito \u00e8 abbastanza buono con circa 0,5 secondi. Ma non \u00e8 come si aspetta Google. Per questo motivo, Magento 2 supporta la full page cache, tramite Varnish in modo nativo. Impostiamo Varnish per ottenere il primo byte intorno a 0.1-0.2s.<\/p>\n<p>Vai a backend, <strong>Negozi<\/strong> &#8211;&gt; <strong>Configurazioni<\/strong> &#8211;&gt; <strong>Avanzate<\/strong> &#8211;&gt; <strong>Sistema<\/strong> &#8211;&gt; <strong>Full Page Cache<\/strong>, trasferisci l&#8217;applicazione di memorizzazione nella cache a Varish Cache.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-352 size-full\" src=\"https:\/\/www.hostcommerce.it\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish.png\" alt=\"\" width=\"997\" height=\"296\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish.png 997w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish-300x89.png 300w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish-768x228.png 768w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish-750x223.png 750w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/><\/p>\n<p>Apri la sezione Configurazione Varnish, completa le impostazioni:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-353 size-full\" src=\"https:\/\/www.hostcommerce.it\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish-2.png\" alt=\"\" width=\"681\" height=\"509\" srcset=\"https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish-2.png 681w, https:\/\/www.bhoost.com\/it\/wp-content\/uploads\/sites\/2\/2021\/10\/varnish-2-300x224.png 300w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Passaggio_8_aggiornamenti_Magento\"><\/span>Passaggio 8: aggiornamenti Magento<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ricorda di aggiornare il tuo negozio Magento 2.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusioni\"><\/span>Conclusioni<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Con questi piccoli accorgimenti, potrai aumentare la velocit\u00e0 del tuo store Magento ed avere prestazioni migliori. Ricorda, un sito lento pu\u00f2 compromettere le tue vendite, quindi dovrai fare in modo che il tuo sito sia veloce e reattivo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Per gli store Magento 2, l&#8217;ottimizzazione delle prestazioni \u00e8 uno dei fattori fondamentali per il raggiungimento del successo della tua [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[2],"tags":[16],"class_list":["post-349","post","type-post","status-publish","format-standard","hentry","category-magento","tag-magento"],"acf":[],"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.bhoost.com\/it\/author\/andreasacca_vd0s1ik8\/"},"uagb_comment_info":1,"uagb_excerpt":"Per gli store Magento 2, l&#8217;ottimizzazione delle prestazioni \u00e8 uno dei fattori fondamentali per il raggiungimento del successo della tua [&hellip;]","_links":{"self":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":2,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"predecessor-version":[{"id":355,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/posts\/349\/revisions\/355"}],"wp:attachment":[{"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bhoost.com\/it\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}