Was genau ist nun \u201eRendering Blocking\u201c<\/strong> und wie k\u00f6nnen wir dieses Problem l\u00f6sen?<\/p>\n Die Standardreihenfolge f\u00fcr das Laden von Webinhalten ist: Wenn der Browser beim Laden einer Website auf Skript- oder CSS-Dateien st\u00f6\u00dft, kommt es zu Rendering-Blockaden.<\/p>\n Um dieses Problem in Magento zu beheben, gehen Sie wie folgt vor. F\u00fcr interne Javascript-Datei<\/strong> F\u00fcr externe Javascript-Dateien Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung in Bezug auf Magento ben\u00f6tigen. Sie k\u00f6nnen auch die Magento-Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" In den meisten Ihrer Gesch\u00e4fte sto\u00dfen Sie auf Rendering-Blockierungsprobleme. Es ist wirklich gemeinsames Problem f\u00fcr jedes Gesch\u00e4ft. 8 von 10 Shops haben dieses Problem. Sie k\u00f6nnen dieses Problem in \u201cgoogle pageSpeed insights\u201d \u00fcberpr\u00fcfen. Was genau ist nun \u201eRendering Blocking\u201c und wie k\u00f6nnen wir dieses Problem l\u00f6sen? Die Standardreihenfolge f\u00fcr das Laden von Webinhalten ist:1. Html2. […]<\/p>\n","protected":false},"author":15,"featured_media":2568,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,28,40],"tags":[],"class_list":["post-2572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","category-html-css","category-magento"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/2572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=2572"}],"version-history":[{"count":10,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/2572\/revisions"}],"predecessor-version":[{"id":16840,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/2572\/revisions\/16840"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/2568"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=2572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=2572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=2572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
1. Html
2. Unterst\u00fctzende Dateien (wie CSS, js etc)
Bitte sehen Sie sich das folgende Bild an, um zu verstehen, wie die Renderblockierung erstellt wird.![\"critical](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2016\/09\/critical-redenring.png\")
<\/p>\n
1. Zuerst m\u00fcssen Sie herausfinden, welche js-Dateien nach und vor dem Laden des DOMs funktionieren. F\u00fcgen Sie das Attribut defer im Skript-Tag hinzu, welche js-Dateien nach dem Laden des DOMs arbeiten.
2. Suchen Sie nun alle externen Js (wie Analytics-Js usw.) und f\u00fcgen Sie das Attribut async in deren Skript-Tag ein.
3. Stellen Sie sicher, dass Sie nur eine Datei f\u00fcr CSS verwenden oder f\u00fcgen Sie Ihre CSS zusammen.
4. W\u00e4hrend Sie diese \u00c4nderungen vornehmen, \u00fcberpr\u00fcfen Sie nach jeder einzelnen \u00c4nderung, da Magento viele Abh\u00e4ngigkeiten in Js hat.
<\/p>\n
\u2039script src=“\u201c\u2026\/js\/js.js\u201d“ defer=“defer“ type=“\u201ctext\/javascript\u201d“\u203a
\u2039\/script>OR\u2039script src=“\u201c\u2026\/js\/js.js\u201d“ defer=“defer“ type=“\u201ctext\/javascript\u201d“\u203a \u2039\/script\u203a<\/p>\n
<\/strong><script type=\u201ctext\/javascript\u201d src=\u201chttps:\/\/www.google.com\/js\/js.js\u201d async><\/script>
<\/strong><\/p>\n\n\n