{"id":1902,"date":"2024-07-08T08:27:36","date_gmt":"2024-07-08T08:27:36","guid":{"rendered":"https:\/\/www.elitek.si\/come-abbiamo-ottimizzato-la-velocita-del-negozio-online-magento\/"},"modified":"2024-12-31T11:17:14","modified_gmt":"2024-12-31T11:17:14","slug":"come-abbiamo-ottimizzato-la-velocita-del-negozio-online-magento","status":"publish","type":"post","link":"https:\/\/www.elitek.si\/it\/come-abbiamo-ottimizzato-la-velocita-del-negozio-online-magento\/","title":{"rendered":"Come abbiamo ottimizzato la velocit\u00e0 del negozio online Magento del nostro cliente"},"content":{"rendered":"\n
\"\"<\/figure>\r\n\n

Un cliente si \u00e8 rivolto a noi con gravi problemi di velocit\u00e0 del negozio online Magento.<\/p>\n\n

Il negozio online \u00e8 stato impostato da un altro esecutore che non ha assicurato una realizzazione di qualit\u00e0, ossia senza le conoscenze sufficienti in materia di ottimizzazione della velocit\u00e0 di funzionamento dell\u2019applicazione.<\/p>\n\n

Procedura:<\/h2>\n\n

Abbiamo ottenuto tutti gli accessi, sia al codice del software che al database del negozio online. Abbiamo configurato il negozio nei nostri ambienti, dove abbiamo potuto analizzare lo stato attuale dell\u2019applicazione.<\/p>\n\n

La prima cosa che abbiamo notato \u00e8 che il cliente possedeva una versione obsoleta della piattaforma Magento. Per molte versioni, il passaggio pu\u00f2 essere un processo piuttosto impegnativo, anche perch\u00e9 \u00e8 spesso necessario l\u2019aggiornamento della versione PHP, il che incide anche sugli altri plugin installati da terzi. Con un po\u2019 di impegno siamo riusciti ad aggiornare il negozio Magento, alcuni plugin installati e la versione PHP.<\/p>\n\n

In tal modo abbiamo inoltre assicurato una migliore sicurezza del negozio online.<\/p>\n\n

Una volta completato l\u2019aggiornamento, abbiamo iniziato a ottimizzare la velocit\u00e0. Per risolvere i problemi di performance delle applicazioni e della piattaforma Magento, utilizziamo lo strumento BlackFire.io. Questo strumento consente una profilazione precisa di ogni processo (request) eseguito nel negozio online, sia che si tratti del tempo di esecuzione del codice PHP che dell\u2019esecuzione di richieste (query) al database.<\/p>\n\n

Con questo strumento abbiamo verificato tutte le pagine principali del negozio online \u2013 la prima pagina, la pagina della categoria, la pagina del prodotto, il carrello e il checkout.<\/p>\n\n

Alla fine, abbiamo anche eseguito una revisione delle query critiche al database.<\/p>\n\n

Prima pagina<\/h2>\n\n

Analizzando la prima pagina, abbiamo scoperto che il collo di bottiglia pi\u00f9 grande \u00e8 il file \u201cmobilemenu.phtml\u201d, composto dalla navigazione mobile dalle categorie Magento e dai collegamenti definiti manualmente. Per recuperare le categorie da Magento, vengono effettuate 3 query identiche al database utilizzando un left join sulla tabella core_url_rewrite. Questo particolare left join non utilizza indici definiti, ma esegue un range scan dell\u2019intera tabella, il che non \u00e8 ottimale e rallenta molto la query.<\/p>\n\n

Allo stesso modo, la logica del file mobilemenu.phtml si esegue ogni volta che la pagina viene caricata, ovvero ad ogni request si carica il blocco che esegue il rendering del template mobilemenu.phtml.<\/p>\n\n

Tale blocco non utilizza la \u201cblock cache\u201d, seppure lo potrebbe. Nella visualizzazione della navigazione (nome della categoria e URL), le categorie non cambiano cos\u00ec frequentemente, quindi \u00e8 consigliabile memorizzarle nella \u201cblock cache\u201d. Inserendo uno specifico blocco (.phtml) nella \u201cblock cache\u201d, tale viene eseguito una sola volta, poi viene conservato in memoria (redis) fino al successivo. Ci\u00f2 rende tutti i request successivi notevolmente pi\u00f9 veloci.<\/p>\n\n

Con l\u2019ottimizzazione delle query e l\u2019utilizzo della \u201cblock cache\u201d, abbiamo ridotto il tempo di caricamento della prima pagina fino al 98 %. \nTTFB (Time to first byte) della prima pagina prima dell\u2019ottimizzazione: 16 secondi \nTTFB dopo l\u2019ottimizzazione: 0.22 secondi \n<\/p>\n\n

TTFB (Time to first byte) della prima pagina prima dell\u2019ottimizzazione: 16 secondi \nTTFB dopo l\u2019ottimizzazione: 0.22 secondi \n<\/p>\n\n

\"\"<\/figure>\n\n
\"\"<\/figure>\n\n
<\/span>
\n
\n
\n

Se avete anche Voi problemi di velocit\u00e0 del Vostro negozio online, Vi invitiamo a contattarci.<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\n
Contattaci<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n

Pagina della categoria<\/h2>\n\n

Analizzando l\u2019esecuzione della pagina delle categorie, abbiamo riscontrato problemi anche nel file \u201cmobilemenu.phtml\u201d che viene eseguito su tutte le pagine.<\/p>\n\n

Gi\u00e0 con la precedente ottimizzazione di questo file, abbiamo notevolmente accelerato le prestazioni nella pagina delle categorie.<\/p>\n\n

Da 15,8 secondi abbiamo accelerato il tempo di esecuzione della categoria a 0,86 secondi.<\/p>\n\n

\"\"\/<\/p>\n\n

\"\"<\/figure>\n\n

<\/p>\n\n

Il collo di bottiglia \u00e8 rappresentato anche dal file uaee.phtml, che fa parte del modulo Tatvic_Uaee di terze parti e viene utilizzato per inviare vari dati ed eventi allo strumento Google Analytics. Dopo un\u2019analisi dettagliata del codice sorgente del file menzionato, abbiamo trovato la fonte principale dei problemi di prestazione e li abbiamo risolti.<\/p>\n\n

Ci\u00f2 ha ulteriormente ridotto il tempo di caricamento della pagina delle categorie di altri 0,4 secondi.<\/p>\n\n

Pertanto, il TTFB \u00e8 stato di soli 0,4 secondi dopo l\u2019ottimizzazione della pagina delle categorie.<\/p>\n\n

\"\"<\/figure>\n\n

Pagina del prodotto<\/h2>\n\n

Anche in questo caso l\u2019ottimizzazione del file \u201cmobilemenu.phtml\u201d ha aiutato notevolmente i tempi di esecuzione della pagina del prodotto. La pagina del prodotto ha impiegato ben 26 secondi prima che iniziasse l\u2019ottimizzazione. Dopo aver ottimizzato il file \u201cmobilemenu.phtml\u201d, il tempo di esecuzione della pagina del prodotto \u00e8 stato ridotto a 2,6 secondi, che non era ancora sufficiente.<\/p>\n\n

\"\"<\/figure>\n\n
\"\"<\/figure>\n\n

<\/p>\n\n

Un grosso collo di bottiglia \u00e8 anche la navigazione laterale nella pagina del prodotto. Il negozio online ha inoltre l\u2019intero albero di categorizzazione visualizzato nella colonna di sinistra della pagina del prodotto. Per la visualizzazione della navigazione laterale si utilizza il modulo di terze parti \u201cCodnitive_Sidenav\u201d che altrettanto provoca problemi di performance.<\/p>\n\n

In questo caso purtroppo, a causa della modalit\u00e0 di funzionamento, non \u00e8 stato possibile utilizzare la cache, ma abbiamo trovato un commento nel codice sorgente che indica che lo sviluppatore del modulo \u00e8 a conoscenza del problema, ma richiede l\u2019acquisto della versione \u201cUltra\u201d del modulo per prestazioni migliori.<\/p>\n\n

Dopo un\u2019analisi pi\u00f9 dettagliata del codice sorgente del modulo, abbiamo comunque individuato la causa principale del rallentamento ed eliminata con successo. Ci\u00f2 ha ridotto il caricamento di ciascuna pagina di prodotto di ulteriori 2,5 secondi. Pertanto, il tempo di caricamento finale della pagina del prodotto \u00e8 di 0,5 secondi.<\/p>\n\n

\"\"<\/figure>\n\n

<\/p>\n\n

Rispetto allo stato iniziale, abbiamo migliorato il tempo di caricamento della pagina prodotto del 97 %.<\/p>\n\n

Ottimizzazione delle query del database<\/h2>\n\n

Analizzando le query, abbiamo rilevato una query specifica che era il motivo principale del rallentamento delle prestazioni della pagina. Dopo un esame dettagliato, abbiamo scoperto che la query non utilizza indici, quindi abbiamo eseguito un\u2019ottimizzazione che ha ridotto il tempo della query da 5 secondi a 10 millisecondi. La query menzionata \u00e8 stata eseguita 3 volte su ciascuna pagina, il che significa che il caricamento di ciascuna pagina \u00e8 stato rallentato di circa 15 secondi a causa di ci\u00f2.<\/p>\n\n

Riassunto<\/h2>\n\n
\u00a0<\/td>Prima dell\u2019ottimizzazione<\/td>Dopo l\u2019ottimizzazione<\/td>% di miglioramenti<\/td><\/tr>
Prima pagina<\/td>18 secondi<\/td>0.2 secondi<\/td>-98%<\/td><\/tr>
Pagina della categoria<\/td>19 secondi<\/td>0.45 secondi<\/td>-97%<\/td><\/tr>
Pagina del prodotto<\/td>26 secondi<\/td>0.5 secondi<\/td>-97%<\/td><\/tr>
Carrello<\/td>18 secondi<\/td>0.4 secondi<\/td>-97%<\/td><\/tr>
Checkout<\/td>18 secondi<\/td>0.4 secondi<\/td>-97%<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

<\/p>\n\n

Il negozio esistente presentava grossi problemi di prestazioni poich\u00e9 lo stato iniziale era significativamente troppo lento come standard per un negozio Magento.<\/p>\n\n

Questo progetto ha dimostrato ancora una volta che sul mercato sono presenti molti plugin di terze parti di scarsa qualit\u00e0 che possono rallentare significativamente le prestazioni del Vostro negozio online.<\/p>\n\n

Suggeriamo sempre di utilizzare plugin di terze parti con parsimonia e solo dove realmente necessario. Dopo l\u2019installazione \u00e8 necessario controllare e analizzare attentamente la velocit\u00e0 operativa del plugin installato.<\/p>\n\n

Con questo progetto abbiamo accelerato notevolmente il funzionamento del negozio online del cliente. Abbiamo anche aggiornato la piattaforma Magento e quindi migliorato notevolmente la sicurezza del negozio online e dei suoi dati.<\/p>\n\n

Se avete anche Voi problemi di velocit\u00e0 del Vostro negozio online, Vi invitiamo a contattarci.<\/p>\n\n

<\/span>
\n
\n
\n

Se avete anche Voi problemi di velocit\u00e0 del Vostro negozio online, Vi invitiamo a contattarci.<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\n
Contattaci<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Un cliente si \u00e8 rivolto a noi con gravi problemi di velocit\u00e0 del negozio online Magento. Il negozio online \u00e8 stato impostato da un altro esecutore che non ha assicurato una realizzazione di qualit\u00e0, ossia senza le conoscenze sufficienti in materia di ottimizzazione della velocit\u00e0 di funzionamento dell\u2019applicazione. Procedura: Abbiamo ottenuto tutti gli accessi, sia […]<\/p>\n","protected":false},"author":1,"featured_media":1942,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-1902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-categorizzato"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/posts\/1902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/comments?post=1902"}],"version-history":[{"count":4,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/posts\/1902\/revisions"}],"predecessor-version":[{"id":1962,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/posts\/1902\/revisions\/1962"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/media\/1942"}],"wp:attachment":[{"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/media?parent=1902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/categories?post=1902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elitek.si\/it\/wp-json\/wp\/v2\/tags?post=1902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}