{"id":5297,"date":"2018-08-29T13:02:04","date_gmt":"2018-08-29T11:02:04","guid":{"rendered":"https:\/\/pi3g.com\/?p=5297"},"modified":"2018-08-29T13:02:04","modified_gmt":"2018-08-29T11:02:04","slug":"optimizing-page-size-for-shopify-uncomfortable-truths","status":"publish","type":"post","link":"https:\/\/pi3g.com\/de\/optimizing-page-size-for-shopify-uncomfortable-truths\/","title":{"rendered":"Optimierung der Seitengr\u00f6\u00dfe f\u00fcr Shopify - unangenehme Wahrheiten"},"content":{"rendered":"<p>Die unangenehme Wahrheit in meinem Fall ist, dass unsere Hauptseite derzeit 3,4 MB wiegt - und das ist nur der HTML-Code.<\/p>\n<p>Ich hatte den Entwicklern des Themes zu viel Vertrauen geschenkt - wir verwenden ein Theme namens \"Fastor\" von Roarthemes. <\/p>\n<p>Leider wurde bei diesem Thema eine schlechte Designentscheidung getroffen; oder vielleicht ist es das Standardverhalten von Shopify (ich suche nat\u00fcrlich nach einem Schuldigen ...). <\/p>\n<p>Auf jeden Fall sind f\u00fcr jedes Produkt alle Daten, einschlie\u00dflich der Artikelbeschreibung, enthalten. Wir haben Slider, die viele verschiedene Produkte auf unserer Seite zeigen.<\/p>\n<p>Dadurch vervielfacht sich die Gr\u00f6\u00dfe.<\/p>\n<h3><\/h3>\n<h3>Der \u00dcbelt\u00e4ter<\/h3>\n<p>Der Code sieht f\u00fcr jedes Produkt folgenderma\u00dfen aus:<\/p>\n<blockquote>\n<p>window.products.id1302097199206 = {\u201cid\u201d:1302097199206,\u201dtitle\u201d:\u201dOpenDrop V2\u2033,\u201dhandle\u201d:\u201dopendrop-v2\u2033,\u201d<strong>Beschreibung<\/strong>\"\\u003cp\\u003eDies ist OpenDrop v2, eine experimentelle Plattform f\u00fcr digitale Mikrofluidik\\u003cstrong\\u003e<\/p>\n<\/blockquote>\n<p>Die gesamte Beschreibung ist enthalten. F\u00fcr jedes einzelne Produkt, das auf der Hauptseite verlinkt ist. Und das ist eine ganze Menge. Eine Menge Text.<\/p>\n<p><\/p>\n<h3>Dies wird folgenderma\u00dfen erzeugt:<\/h3>\n<blockquote>\n<p>{{Produkt | json}}<\/p>\n<p><\/p>\n<\/blockquote>\n<p>und die folgenden Dateien von Roartheme Fastor sind f\u00fcr sie relevant:<\/p>\n<p><a href=\"https:\/\/pi3g.com\/wp-content\/uploads\/2018\/08\/image-11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"277\" title=\"Bild\" style=\"display: inline; background-image: none;\" alt=\"Bild\" src=\"https:\/\/pi3g.com\/wp-content\/uploads\/2018\/08\/image_thumb-11.png\" border=\"0\"><\/a><\/p>\n<p>Normalerweise braucht man nicht die gesamte Artikelbeschreibung auf einer Seite, die auf den Artikel verweist, oder? Sie wird im Frontend nicht verwendet.<\/p>\n<p><\/p>\n<p>Leider unterst\u00fctzt Liquid, die Shopify-Templating-Engine, keine Regex.<\/p>\n<h3>Befestigung von<\/h3>\n<p>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!). <\/p>\n<p>Dadurch hat sich die HTML-Gr\u00f6\u00dfe unserer Titelseite auf 1,8 MB verringert. Immer noch eine Menge. Wir werden zu einem anderen Thema wechseln, dies wird in der Zwischenzeit dienen. <\/p>\n<p>Die Funktionalit\u00e4t wurde etwas verschlechtert - in den Vorschaufenstern kann man jetzt nicht mehr alle Bilder sehen. Das ist aber nicht schlimm. Sie k\u00f6nnen sich immer noch zu dem Produkt durchklicken und es sich ansehen.<\/p>\n<p>Die Produktseiten selbst werden, soweit ich sehe, dadurch in keiner Weise ver\u00e4ndert.<\/p>\n<p>Dies geschieht jedoch auf eigene Gefahr.<\/p>","protected":false},"excerpt":{"rendered":"<p>Die unbequeme 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 Theme eine schlechte Designwahl getroffen;...<\/p>","protected":false},"author":830,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[402],"tags":[406,407,405,404],"class_list":["post-5297","post","type-post","status-publish","format-standard","hentry","category-development","tag-fastor","tag-pagesize","tag-roarthemes","tag-shopify"],"_links":{"self":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/5297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/users\/830"}],"replies":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/comments?post=5297"}],"version-history":[{"count":1,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/5297\/revisions"}],"predecessor-version":[{"id":5298,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/5297\/revisions\/5298"}],"wp:attachment":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/media?parent=5297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/categories?post=5297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/tags?post=5297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}