Inhaltsverzeichnis:

Wie verzögere ich das Renderblocking von CSS?
Wie verzögere ich das Renderblocking von CSS?

Video: Wie verzögere ich das Renderblocking von CSS?

Video: Wie verzögere ich das Renderblocking von CSS?
Video: 【Multi-sub】EP15 My Pilot Wife | Love Between Gentle Doctor And Ace Flyer 💗| HiDrama 2024, Kann
Anonim

Die gebräuchlichste Lösung, um verschieben das Laden Ihres Renderblocking CSS , und reduzieren machen - Blockierung Roundtrips wird von der Filament Group als loadCSS bezeichnet. Die neueste Version nutzt das noch nicht vollständig unterstützte Attribut, das das asynchrone Laden von CSS.

Wie behebe ich dann die Renderblockierung?

Renderblockierung beheben JavaScript mit W3 Total Cache Als nächstes müssen Sie die Seite Leistung » Allgemeine Einstellungen besuchen und nach unten zum Abschnitt Verkleinern scrollen. Zuerst müssen Sie "Aktivieren" neben der Option "Minify" aktivieren und dann "Manual" für die Option "Minify-Modus" auswählen. Klicken Sie auf die Schaltfläche Alle Einstellungen speichern, um Ihre Einstellungen zu speichern.

Zweitens, was ist das Eliminieren von Renderblocking-Ressourcen? Machen - Ressourcen blockieren Verlangsamen Sie die wahrgenommenen Seitenladezeiten Ihrer WordPress-Site, indem Sie die Browser der Besucher zu Verzögerungen zwingen Wiedergabe Over-the-Fold-Inhalte, während der Browser Dateien herunterlädt, die nicht sofort benötigt werden. Zu Render beseitigen - Ressourcen blockieren Unter WordPress können Sie Plugins von der Stange verwenden.

Blockiert CSS außerdem das Rendern?

Machen Blockierung CSS . Standardmäßig, CSS ist behandelt als machen blockierende Ressource, was bedeutet, dass der Browser dies nicht tut machen alle verarbeiteten Inhalte bis zum CSSOM ist aufgebaut. Der HTML-Code ist offensichtlich, denn ohne das DOM hätten wir nichts zu tun machen , aber die CSS Die Anforderung kann weniger offensichtlich sein.

Woher weiß ich, ob ich Render-Blockierungsressourcen habe?

So identifizieren Sie Ressourcen, die das Rendern blockieren:

  1. Suchen Sie nach nicht kritischen Ressourcen, die vor der Start-Renderzeile geladen werden (über webpagetest.org).
  2. Testen Sie das Entfernen von Ressourcen über die Google Dev Tools, um zu sehen, wie sich dies auf den Seiteninhalt auswirkt.
  3. Arbeiten Sie nach der Identifizierung mit den Entwicklern zusammen, um die beste Lösung zum Zurückstellen von Renderblocking-Ressourcen zu finden.

Empfohlen: