In den meisten Ihrer Geschäfte stoßen Sie auf Rendering-Blockierungsprobleme. Es ist wirklich gemeinsames Problem für jedes Geschäft.
8 von 10 Shops haben dieses Problem. Sie können dieses Problem in “google pageSpeed insights” überprüfen.
Was genau ist nun „Rendering Blocking“ und wie können wir dieses Problem lösen?
Die Standardreihenfolge für das Laden von Webinhalten ist:
1. Html
2. Unterstützende Dateien (wie CSS, js etc)
Bitte sehen Sie sich das folgende Bild an, um zu verstehen, wie die Renderblockierung erstellt wird.
Wenn der Browser beim Laden einer Website auf Skript- oder CSS-Dateien stößt, kommt es zu Rendering-Blockaden.
Um dieses Problem in Magento zu beheben, gehen Sie wie folgt vor.
1. Zuerst müssen Sie herausfinden, welche js-Dateien nach und vor dem Laden des DOMs funktionieren. Fügen 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ügen Sie das Attribut async in deren Skript-Tag ein.
3. Stellen Sie sicher, dass Sie nur eine Datei für CSS verwenden oder fügen Sie Ihre CSS zusammen.
4. Während Sie diese Änderungen vornehmen, überprüfen Sie nach jeder einzelnen Änderung, da Magento viele Abhängigkeiten in Js hat.
Für interne Javascript-Datei
‹script src=““…/js/js.js”“ defer=“defer“ type=““text/javascript”“›
‹/script>OR‹script src=““…/js/js.js”“ defer=“defer“ type=““text/javascript”“› ‹/script›
Für externe Javascript-Dateien
<script type=“text/javascript” src=“https://www.google.com/js/js.js” async></script>
Bitte kontaktieren Sie uns unter manish@bay20.com oder rufen Sie uns unter +91-8800519180 an, wenn Sie Unterstützung in Bezug auf Magento benötigen. Sie können auch die Magento-Entwicklungsseite besuchen, um die von uns angebotenen Dienstleistungen zu überprüfen.
