Optimierung der Seitengröße für Shopify - unangenehme Wahrheiten

Die unangenehme Wahrheit in meinem Fall ist, dass unsere Hauptseite derzeit 3,4 MB wiegt - und das ist nur der HTML-Code.

Ich hatte den Entwicklern des Themes zu viel Vertrauen geschenkt - wir verwenden ein Theme namens "Fastor" von Roarthemes.

Leider wurde bei diesem Thema eine schlechte Designentscheidung getroffen; oder vielleicht ist es das Standardverhalten von Shopify (ich suche natürlich nach einem Schuldigen ...).

Auf jeden Fall sind für jedes Produkt alle Daten, einschließlich der Artikelbeschreibung, enthalten. Wir haben Slider, die viele verschiedene Produkte auf unserer Seite zeigen.

Dadurch vervielfacht sich die Größe.

Der Übeltäter

Der Code sieht für jedes Produkt folgendermaßen aus:

window.products.id1302097199206 = {“id”:1302097199206,”title”:”OpenDrop V2″,”handle”:”opendrop-v2″,”Beschreibung"\u003cp\u003eDies ist OpenDrop v2, eine experimentelle Plattform für digitale Mikrofluidik\u003cstrong\u003e

Die gesamte Beschreibung ist enthalten. Für jedes einzelne Produkt, das auf der Hauptseite verlinkt ist. Und das ist eine ganze Menge. Eine Menge Text.

Dies wird folgendermaßen erzeugt:

{{Produkt | json}}

und die folgenden Dateien von Roartheme Fastor sind für sie relevant:

Normalerweise braucht man nicht die gesamte Artikelbeschreibung auf einer Seite, die auf den Artikel verweist, oder? Sie wird im Frontend nicht verwendet.

Leider unterstützt Liquid, die Shopify-Templating-Engine, keine Regex.

Befestigung von

Mein derzeitiger Vorschlag ist, die komplette Zeile in allen oben genannten Vorlagen zu entfernen (aber NICHT in den JS-Dateien oder den js.liquid-Dateien - dort ist sie nicht notwendig!).

Dadurch hat sich die HTML-Größe unserer Titelseite auf 1,8 MB verringert. Immer noch eine Menge. Wir werden zu einem anderen Thema wechseln, dies wird in der Zwischenzeit dienen.

Die Funktionalität wurde etwas verschlechtert - in den Vorschaufenstern kann man jetzt nicht mehr alle Bilder sehen. Das ist aber nicht schlimm. Sie können sich immer noch zu dem Produkt durchklicken und es sich ansehen.

Die Produktseiten selbst werden, soweit ich sehe, dadurch in keiner Weise verändert.

Dies geschieht jedoch auf eigene Gefahr.