Ottimizzare le dimensioni della pagina per Shopify - verità scomode

La scomoda verità nel mio caso è che la nostra pagina principale pesa attualmente 3,4 MB - e questo è solo l'HTML.

Mi ero fidato troppo degli sviluppatori del tema - stiamo usando un tema chiamato "Fastor" di Roarthemes.

Purtroppo è stata fatta una cattiva scelta di design in questo tema; o forse è il comportamento predefinito di Shopify (cercando qualcuno da incolpare, ovviamente ...).

In ogni caso, per ogni prodotto sono inclusi tutti i dati, compresa la descrizione dell'articolo. Abbiamo degli slider che mostrano molti prodotti diversi sulla nostra pagina.

Così la dimensione si moltiplica.

Il colpevole

Il codice si presenta così, per ogni prodotto:

window.products.id1302097199206 = {“id”:1302097199206,”title”:”OpenDrop V2″,”handle”:”opendrop-v2″,”descrizione":"\u003cp\u003eQuesto è l'OpenDrop v2, piattaforma sperimentale per \u003cstrong\u003edigital microfluidics\u003c\

L'intera descrizione è inclusa. Per ogni singolo prodotto collegato sul sito principale. E questo è molto. Un sacco di testo.

Questo viene generato in questo modo:

{{prodotto | json}}

e i seguenti file di Roartheme Fastor sono rilevanti per esso:

Di solito non avete bisogno dell'intera descrizione dell'articolo in una pagina che si collega all'articolo, giusto? Non viene usata nel frontend.

Purtroppo liquid, il motore di template di Shopify, non supporta il regex.

Fissare

il mio suggerimento attuale è quello di rimuovere la linea completa in tutti i modelli sopra menzionati (ma NON i file JS o i file js.liquid - non è necessario lì!)

Questo ha ridotto la dimensione HTML della nostra prima pagina a 1,8 MB. Ancora molto. Stiamo per passare ad un altro tema, questo servirà nel frattempo.

La funzionalità è stata un po' degradata - nelle finestre di anteprima, ora non si possono guardare tutte le immagini. Un grosso problema. Puoi ancora cliccare sul prodotto e dargli un'occhiata.

Le stesse pagine dei prodotti, per quanto vedo, non sono cambiate in alcun modo da questo.

Procedete a vostro rischio e pericolo, però.