Magento 2 - Tempo di caricamento pesante (troppi file js)

8

Attualmente sto lavorando su Magento 2 e ho notato che i tempi di caricamento di tutte le pagine sono estremamente elevati.

Al momento sto eseguendo Xampp, la modalità di produzione abilitata, HTML / js / CSS sono uniti e minimizzati, Varnish è disabilitato e non lo userò poiché il mio web hosting non può installarlo sul mio server perché interferirà con alcuni script. Uso un tema personalizzato il cui genitore è il tema vuoto di Magento 2. Dopo aver modificato le mie impostazioni ho ridistribuito i file statici e svuotato la cache.

La mia preoccupazione principale è che quando guardo il pannello di rete vedo che ogni volta viene caricata un'enorme quantità di file js. Ad esempio, nella mia pagina delle categorie, vengono caricati 122 file js che ho trovato molto, per una dimensione totale di 955 ko.

L'ho provato sul mio server senza l'unione e la minimizzazione, ma come ho detto sopra, penso che il problema risieda nella quantità di file caricato perché anche se si carica più velocemente è ancora troppo lungo e sul processo di checkout è ancora peggio.

Ho provato l'opzione di raggruppamento ma genera un file js da 8 MB che è peggio.

Mi sono perso qualcosa o è abbastanza normale che la quantità di file js sia così alta? La vernice è obbligatoria per una buona prestazione e c'è un'alternativa ad essa?

Sono abbastanza nuovo in Magento 2, quindi se hai bisogno di maggiori informazioni sarò felice di fornirli.

magento2 javascript performance

— Tonani
fonte

Questo è comune con Magento 2, per avere 120 o anche più di 150 script caricati. Puoi sempre unirli e minimizzarli in un unico file. Ma controlla per assicurarti di utilizzare HTTP1 o HTTP2 sul tuo server. Se hai abilitato HTTP2, avere 120 o anche 150 script js caricati in modo asincrono non sarà un problema a causa del funzionamento di HTTP2. HTTP2 funziona meglio con più file più piccoli caricati contemporaneamente, piuttosto che dover caricare un file js minimizzato combinato di grandi dimensioni. Ma sento il tuo dolore, Magento 2 è un grosso mal di testa con cui lavorare rispetto a Magento 1. Ma sento che Magento 2 è ancora lento!

— Jonathan Marzullo,

3

La quantità di JS è enorme, ma se si somma a 8 MB c'è qualcosa di sbagliato. È necessario utilizzare la configurazione "Raggruppamento" in modalità di produzione se non si desidera caricare> 100 file.

Con il tema Luma predefinito, raggruppamento, unione e minimizzazione abilitati, il file JS in bundle è 1,9 MB.

La vernice è un altro argomento e non aiuta con le prestazioni dei file statici generati.

— Fabian Schmengler
fonte

Questo è quello che ho fatto e genera un file js 8mo. Esiste una configurazione specifica da fare per quanto riguarda il raggruppamento oltre ad attivarlo sull'amministratore? Successivamente ho scaricato e pulito la cache.

— Tonani

Devi attivare la modalità di produzione, ridistribuire i file statici e svuotare la cache, ma credo che tu l'abbia già fatto

— Fabian Schmengler

Si l'ho fatto. Forse c'è qualcosa che non va nel tema vuoto.

— Tonani

Avevo problemi simili, tuttavia mi sento come se il raggruppamento avesse un problema ad un certo punto e ora è stato risolto. Ho usato questo seoptimer.com e questo mostra ancora che il mio sito ha un enorme JS di circa 5 MB quando DevTools mostra 1,5 MB nella scheda di rete per il JS nella pagina del prodotto. Questo sito è sbagliato?

— harri,

1

Sono anche abbastanza nuovo in Magento 2, ma finora sia con Magento 1 che 2, abbiamo dovuto abilitare la memorizzazione nella cache per ottenere qualsiasi cosa abbia velocità. La quantità di js è enorme, quindi la memorizzazione nella cache è il tuo migliore amico. Puoi abilitare la cache eseguendo php bin / magento cache: abilita. Se hai la memorizzazione nella cache, dovrai scaricarla dopo aver apportato modifiche utilizzando php bin / magento cache: flush. La cache integrata di Magento 2 è disponibile, anche senza Vanish.

— Zach L
fonte

0

È davvero sorprendente che questo problema sia reale per Magento 2 nel 2020. Il raggruppamento non raggruppa il 90% dei file (come descritto qui )

Js merge, d'altra parte, fonde tutto in un mega pack super pesante.

Tuttavia, nonostante non possa essere risolto con Magento predefinito, ecco un'estensione a pagamento che migliora molto il comportamento di cui sopra: l' ottimizzazione della velocità della pagina di Google

— Evgeni Obukhovsky
fonte