So beheben Sie Render-Blocking von JavaScript und CSS Ihrer WordPress-Website

Nach der offiziellen Ankündigung von Google haben sich alle auf die Ladezeit ihrer Websites konzentriert. Laut Google sind Websites mit einer Ladezeit von mehr als drei Sekunden nicht SEO-freundlich.


Und Sie wissen bereits, dass in dieser Ära des Web der Wettbewerb mit Millionen von Websites kein Kinderspiel ist. Sie müssen sicherstellen, dass Ihre Website schneller ist als andere.

Wenn Sie die Geschwindigkeit der Website mit den Top-Websites vergleichen, fehlt dies möglicherweise, da die Ladezeit der meisten Websites weniger als zwei Sekunden beträgt.

Lassen Sie mich nun über das Blockieren von Renderings sprechen. Jedes WordPress-Plugin verfügt über eine CSS- oder JavaScript-Datei, die vom Browser des Benutzers hochgeladen werden muss.

Dies bedeutet, dass diese CSS- und JavaScript-Dateien Ihre Website verlangsamen, was als Render-Blocking von JavaScript und CSS bezeichnet wird.

In diesem Tutorial erfahren Sie, wie Sie solche Dateien finden und das Blockieren von Renderings beheben.

Analysieren Sie die Ladezeit Ihrer Website

Sie können die Geschwindigkeitsanalyse-Tools wie Pingdom Tools verwenden, aber hier benötigen Sie Google PageSpeed ​​Insights. Geben Sie die URL Ihrer Site ein und klicken Sie auf Analysieren.

Innerhalb weniger Sekunden können Sie den Bericht sehen. Es ist besser, die Ladezeit der Seite für den Desktop zu verbessern. Überprüfen Sie die aktuelle Punktzahl.

So beheben Sie Render-Blocking von JavaScript und CSS Ihrer WordPress-Website

Laut Google sollte die Punktzahl für eine hervorragende Leistung zwischen 89 und 100 liegen. Und ich muss Ihnen sagen, dass es möglich ist, zu erreichen 100.

Wenn Sie nach unten zur Überschrift scrollen "Chancen für Sie," Sie können einige Vorschläge sehen. Aus denen, Beseitigen Sie Render-blockierende Ressourcen kann derjenige sein.

So beheben Sie Render-Blocking von JavaScript und CSS Ihrer WordPress-Website

Klicken Sie hier, um die Ressourcen anzuzeigen, und Sie können alle CSS- und JavaScript-Dateien anzeigen. Manchmal bemerken Sie möglicherweise eine Cache-Datei.

Der Punkt ist, dass Sie sich auf die Optimierung von CSS- und JavaScript-Dateien konzentrieren müssen.

Verwenden Sie Autoptimize, um CSS- und JavaScript-Dateien zu minimieren

Da Sie möglicherweise bereits wissen, dass Autoptimize ein Plugin ist, mit dem Sie die Codierungsdateien einer WordPress-Website optimieren können, können Sie damit Render-blockierende JavaScript- und CSS-Dateien reparieren.

Gehe zu Plugins>>Neue hinzufügen und suchen nach Autoptimieren. Installieren und aktivieren Sie das Plugin. Ich hoffe, Sie wissen, wie man ein WordPress-Plugin installiert.

Jetzt geh zu die Einstellungen>>Autoptimieren und Sie können Optionen für JavaScript und CSS sehen. Aktivieren Sie die Kontrollkästchen zu Optimieren Sie JavaScript und CSS.

So beheben Sie Render-Blocking von JavaScript und CSS Ihrer WordPress-Website

Klicke auf Änderungen speichern und Cache leeren, wenn Sie ein Caching-Plugin haben. Andernfalls klicken Sie auf Änderungen speichern Taste.

Überprüfen Sie nun Ihre Website-Punktzahl erneut. Wenn Sie positive Ergebnisse erzielen, perfekt. Andernfalls können Sie ein Caching-Plugin wie W3 Total Cache verwenden, um JavaScript- und CSS-Codes zu minimieren.

Installieren und aktivieren Sie den W3 Total Cache

Wenn Sie W3 Total Cache bereits als Caching-Plugin für Ihre WordPress-Website verwenden, benötigen Sie kein anderes Plugin, um den Website-Code zu minimieren.

Gehe zu Performance>>Allgemeine Einstellungen und scrollen Sie nach unten zu Minimieren die Einstellungen. Aktivieren Sie das Kontrollkästchen, um Änderungen zu aktivieren und zu speichern.

So beheben Sie Render-Blocking von JavaScript und CSS Ihrer WordPress-Website

In den meisten Fällen löst eine solche Minimierungseinstellung das Problem. Wenn Sie immer noch vor einer Herausforderung stehen, müssen Sie das spezielle Plugin verwenden, das entwickelt wurde, um Render-blockierendes JavaScript und CSS zu beheben.

Für meine Website können Sie die aktuelle Punktzahl sehen; es ist 100 für die Desktop-Version.

So beheben Sie Render-Blocking von JavaScript und CSS Ihrer WordPress-Website

Wenn Sie sich auf die mobile Version konzentrieren, können Sie die Skripte und das CSS manuell zu den Minimierungseinstellungen von W3 Total Cache hinzufügen. Verwenden Sie vorerst die Option auto und überprüfen Sie die Leistung Ihrer Site.

Ich hoffe, Sie haben eine Idee, um Render-Blocking JavaScript und CSS zu beheben

Zweifellos spielt die Geschwindigkeit von Websites eine wichtige Rolle für den SEO-Score. Sie können sich darauf beziehen, wenn Sie eine Website mit einer schlechten Ladezeit für Seiten besuchen. Wartest du lange Das glaube ich nicht.

Im Internet stehen unzählige Optionen zur Verfügung. Wenn Ihre Website langsam ist, bietet eine andere Person eine bessere Benutzererfahrung als Ihre.

Fazit

Die Hauptidee beim Reparieren von JavaScript- und CSS-Dateien, die das Rendern blockieren, besteht darin, den Code dieser Dateien zu minimieren. Wenn Sie ein fortgeschrittener Entwickler sind, können Sie JavaScript und CSS manuell minimieren.

Wenn Sie jedoch WordPress verwenden, gibt es viele Plugins, um eine solche Aufgabe zu erfüllen.

Schauen Sie sich diese Top 3 WordPress-Hosting-Services an:

FastComet

Startpreis:
2,95 $


Verlässlichkeit
9.7


Preisgestaltung
9.5


Benutzerfreundlich
9.7


Unterstützung
9.7


Eigenschaften
9.6

Bewertungen lesen

Besuchen Sie FastComet

Hostinger

Startpreis:
0,99 $


Verlässlichkeit
9.3


Preisgestaltung
9.3


Benutzerfreundlich
9.4


Unterstützung
9.4


Eigenschaften
9.2

Bewertungen lesen

Besuchen Sie Hostinger

A2 Hosting

Startpreis:
$ 3,92


Verlässlichkeit
9.3


Preisgestaltung
9.0


Benutzerfreundlich
9.3


Unterstützung
9.3


Eigenschaften
9.3

Bewertungen lesen

Besuchen Sie A2 Hosting

Verwandte Anleitungen

  • So deaktivieren Sie die Datei wp-cron.php für Ihre WordPress-Site mit cPanel
    Experte
  • So installieren und konfigurieren Sie das WP Super Cache Plugin unter WordPress
    Neuling
  • So optimieren Sie die WordPress-Datenbank mit WP-Sweep
    Neuling
  • So richten Sie eine WordPress Staging-Website ein
    mittlere
  • Verwendung des WordPress-Plugins für das WP-Sicherheitsüberwachungsprotokoll
    mittlere
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me