Optimiser la taille des pages pour Shopify - des vérités inconfortables

La vérité désagréable dans mon cas est que notre page principale pèse actuellement 3,4 Mo - et il ne s'agit que du HTML.

J'avais trop fait confiance aux développeurs du thème - nous utilisons un thème appelé "Fastor" par Roarthemes.

Malheureusement, un mauvais choix de conception a été fait dans ce thème ; ou peut-être est-ce le comportement par défaut de Shopify (je cherche un coupable, évidemment...).

Dans tous les cas, pour chaque produit, toutes les données, y compris la description de l'article, sont incluses. Nous avons des curseurs, montrant de nombreux produits différents sur notre page.

Ainsi, la taille se multiplie.

Le coupable

Le code ressemble à ceci, pour chaque produit :

window.products.id1302097199206 = {“id”:1302097199206,”title”:”OpenDrop V2″,”handle”:”opendrop-v2″,”description" :"\u003cp\u003eC'est l'OpenDrop v2, une plateforme expérimentale pour la microfluidique numérique\u003c\\.

La description complète est incluse. Pour chaque produit lié sur le site principal. Et ça fait beaucoup. Beaucoup de texte.

Elle est générée de la manière suivante :

{{product | json}}

et les dossiers suivants de Roartheme Fastor s'y rapportent :

Vous n'avez généralement pas besoin de la description complète de l'article dans une page qui renvoie à l'article, n'est-ce pas ? Elle n'est pas utilisée dans le frontend.

Malheureusement, liquid, le moteur de création de modèles de Shopify, ne prend pas en charge les expressions rationnelles.

Correction de

ma suggestion actuelle est de supprimer la ligne complète dans tous les modèles susmentionnés (mais PAS les fichiers JS ou les fichiers js.liquid - elle n'est pas nécessaire à cet endroit !)

Cela a réduit la taille HTML de notre page d'accueil à 1,8 Mo. C'est encore beaucoup. Nous allons passer à un autre thème, cela nous servira en attendant.

La fonctionnalité s'est un peu dégradée - dans les fenêtres de prévisualisation, vous ne pouvez plus regarder toutes les images. Ce n'est pas grave. Vous pouvez toujours cliquer sur le produit et l'examiner.

Les pages produits elles-mêmes, pour autant que je sache, ne sont pas modifiées de quelque manière que ce soit.

Procédez à vos propres risques, cependant.