Probleme mit render-blockierendem JavaScript und CSS auf Ihrer WordPress-Website können frustrierend sein. Diese Probleme können Ihre Website verlangsamen und ihre Leistung beeinträchtigen. Eine langsame Website kann Besucher abschrecken und Ihre Suchmaschinenrankings beeinflussen.
Wenn Sie Ihre Website auf Google PageSpeed Insights überprüfen, sehen Sie möglicherweise den Vorschlag, diese renderblockierenden Ressourcen zu eliminieren. Leider gibt das Tool keine klaren Anweisungen, wie dieses Problem in WordPress behoben werden kann.
Die gute Nachricht ist, dass es Tools gibt, die die Behebung von render-blocking JavaScript und CSS weniger kompliziert machen können, als es scheint. Sie können ein Caching-Plugin wie WP Rocket oder Autoptimize verwenden, um Ihre Website zu optimieren, indem Sie Skripte minimieren und verzögern, was die Ladezeiten reduziert und die PageSpeed-Werte verbessert.
In diesem Artikel führen wir Sie durch die Schritte zur Behebung dieser Probleme auf Ihrer WordPress-Site.
Was sind renderblockierende JavaScript- und CSS-Dateien?
Renderblockierendes JavaScript und CSS sind Dateien, die verhindern, dass eine Website eine Webseite anzeigt, bevor diese Dateien geladen werden.
Jede WordPress-Website hat ein Theme und Plugins, die JavaScript- und CSS-Dateien auf der Vorderseite Ihrer Website hinzufügen.
Diese Skripte können die Ladezeit Ihrer Website erhöhen und auch das Rendern der Seite blockieren.
Der Browser eines Benutzers muss diese Skripte und CSS laden, bevor der Rest des HTML auf der Seite geladen wird. Das bedeutet, dass Benutzer mit einer langsameren Verbindung einige Millisekunden länger warten müssen, um die Seite zu sehen.
Diese Skripte und Stylesheets werden als renderblockierendes JavaScript und CSS bezeichnet.
WordPress-Website-Besitzer, die eine Google PageSpeed-Punktzahl von 100 erreichen möchten, müssen dieses Problem beheben, um diese perfekte Punktzahl zu erzielen.
Was ist ein Google PageSpeed Score?
Google PageSpeed Insights ist ein Website-Geschwindigkeitstest-Tool, das von Google entwickelt wurde, um Website-Besitzern bei der Optimierung und dem Testen ihrer Websites zu helfen. Dieses Tool testet Ihre Website anhand der Geschwindigkeitsrichtlinien von Google und bietet Vorschläge zur Verbesserung der Ladezeit Ihrer Seiten.
Es zeigt Ihnen eine Punktzahl basierend auf der Anzahl der Audits, die Ihre Website besteht.
Die meisten Websites erzielen irgendwo zwischen 50 und 70. Einige Websitebesitzer fühlen sich jedoch gezwungen, 100 (die höchste Punktzahl, die eine Seite erreichen kann) zu erreichen.
Benötigen Sie wirklich die perfekte „100“ Google PageSpeed-Punktzahl?
Der Zweck von Google PageSpeed Insights ist es, Ihnen Richtlinien zur Verbesserung der Geschwindigkeit und Leistung Ihrer Website zu geben. Dennoch sind Sie nicht verpflichtet, diese Regeln strikt zu befolgen.
Denken Sie daran, dass Geschwindigkeit nur eine von vielen Website-Suchmaschinenoptimierungs- (SEO)-Metriken ist, die Google helfen zu bestimmen, wie Ihre Website eingestuft wird. Geschwindigkeit ist so wichtig, weil sie die Benutzererfahrung auf Ihrer Website verbessert.
Eine bessere Benutzererfahrung erfordert weit mehr als nur Geschwindigkeit. Sie müssen auch nützliche Informationen, eine bessere Benutzeroberfläche und ansprechende Inhalte mit Text, Bildern und Videos anbieten.
Dann sollte es Ihr Ziel sein, eine schnelle Website zu erstellen, die ein großartiges Benutzererlebnis bietet.
Wir empfehlen, die Google PageSpeed-Regeln als Vorschläge zu verwenden. Wenn Sie sie leicht umsetzen können, ohne die Benutzererfahrung zu beeinträchtigen, ist das großartig. Andernfalls sollten Sie versuchen, so viel wie möglich zu tun und sich dann keine Sorgen um den Rest zu machen.
In diesem Sinne werden wir uns ansehen, was Sie tun können, um render-blocking JavaScript und CSS in WordPress zu beheben. Wir werden 2 Methoden behandeln, die render-blocking Ressourcen in WordPress eliminieren. Sie können diejenige wählen, die am besten für Ihre Website funktioniert:
- Methode 1: Renderblockierende Skripte und CSS mit WP Rocket beheben
- Methode 2: Render-Blocking-Skripte und CSS mit Autoptimize beheben
- Was tun, wenn renderblockierendes JavaScript und CSS immer noch vorhanden sind
Tauchen wir ein und bringen Ihre Website reibungslos zum Laufen!
Methode 1: Renderblockierende Skripte und CSS mit WP Rocket beheben
Für diese Methode verwenden wir das WP Rocket Plugin.
Es ist das beste WordPress-Caching- und Optimierungs-Plugin auf dem Markt und ermöglicht es Ihnen, die Leistung Ihrer Website schnell zu verbessern, ohne technische Kenntnisse oder eine komplizierte Einrichtung.
Zuerst müssen Sie das WP Rocket Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installation eines WordPress-Plugins.
WP Rocket funktioniert sofort: Es aktiviert das Caching mit optimalen Einstellungen für Ihre Website. Mehr dazu erfahren Sie in unserem vollständigen Leitfaden, wie Sie WP Rocket in WordPress richtig installieren und einrichten.
Standardmäßig werden die JavaScript- und CSS-Optimierungsoptionen nicht aktiviert. Diese Optimierungen können das Erscheinungsbild oder einige Funktionen Ihrer Website beeinträchtigen, weshalb das Plugin es Ihnen ermöglicht, diese Einstellungen optional zu aktivieren.
Um dies zu tun, müssen Sie die Seite Einstellungen » WP Rocket besuchen und zum Tab 'Dateiooptimierung' wechseln.
Scrollen Sie von hier aus einfach zum Abschnitt 'CSS-Dateien' und aktivieren Sie die Kontrollkästchen neben 'CSS minimieren', 'CSS-Dateien kombinieren' und 'CSS-Bereitstellung optimieren'.
Für die Einstellung „CSS-Bereitstellung optimieren“ empfiehlt WP Rocket die Wahl der Methode „Ungenutztes CSS entfernen“.
Neben der besten Leistung kann es helfen, die Seitengröße und HTTP-Anfragen zu reduzieren.
Hinweis: Das WP Rocket Cache-Plugin versucht, alle Ihre CSS-Dateien zu minimieren, zu kombinieren und nur das CSS zu laden, das für den sichtbaren Teil Ihrer Website benötigt wird.
Dies kann das Erscheinungsbild Ihrer Website beeinträchtigen, daher müssen Sie Ihre Website auf mehreren Geräten und Bildschirmgrößen gründlich testen.
Als Nächstes müssen Sie zum Abschnitt 'JavaScript-Dateien' scrollen.
Von hier aus können Sie alle Optionen für maximale Leistungsverbesserung überprüfen.
Sie können JavaScript-Dateien minimieren und kombinieren, so wie Sie es für CSS getan haben.
Sie können auch verhindern, dass WordPress die Datei jQuery Migrate lädt. Dieses Skript wird geladen, um die Kompatibilität für Plugins und Themes bereitzustellen, die alte Versionen von jQuery verwenden.
Die meisten Websites benötigen diese Datei nicht, aber Sie sollten Ihre Website trotzdem überprüfen, um sicherzustellen, dass das Entfernen keine Auswirkungen auf Ihr Theme oder Ihre Plugins hat.
Scrollen Sie als Nächstes ein wenig weiter nach unten und aktivieren Sie die Kontrollkästchen neben den Optionen „JavaScript verzögert laden“ und „Sicherer Modus für jQuery“.
Diese Optionen verzögern das Laden von nicht wesentlichen JavaScripts, und der jQuery-Sicherheitsmodus ermöglicht das Laden von jQuery für Themes, die es möglicherweise inline verwenden. Sie können diese Option deaktiviert lassen, wenn Sie sicher sind, dass Ihr Theme nirgendwo inline jQuery verwendet.
Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.
Danach möchten Sie vielleicht auch den Cache leeren in WP Rocket, bevor Sie Ihre Website erneut mit Google PageSpeed Insights testen.
Auf unserer Testseite konnten wir auf Desktop-Geräten eine Punktzahl von 100 % erreichen, und das Renderblocking-Problem wurde sowohl in den mobilen als auch in den Desktop-Bewertungen behoben.
Methode 2: Render-Blocking-Skripte und CSS mit Autoptimize beheben
Für diese Methode verwenden wir ein separates Plugin, das speziell zur Verbesserung der Auslieferung der CSS- und JS-Dateien Ihrer Website entwickelt wurde. Obwohl dieses Plugin die Arbeit erledigt, verfügt es nicht über die anderen leistungsstarken Funktionen, die WP Rocket bietet.
Das erste, was Sie tun müssen, ist, Autoptimize zu installieren und zu aktivieren, ein kostenloses Plugin zur Beschleunigung der Website-Leistung. Wenn Sie Hilfe benötigen, sehen Sie sich gerne unseren Schritt-für-Schritt-Leitfaden an, wie Sie ein WordPress-Plugin installieren.
Nach der Aktivierung müssen Sie zu Einstellungen » Autoptimize gehen, um die Plugin-Einstellungen zu konfigurieren.
Zuerst aktivieren wir das Kontrollkästchen neben 'JavaScript-Code optimieren' im Abschnitt 'JavaScript-Optionen'. Hier müssen Sie sicherstellen, dass die Option 'JS-Dateien aggregieren' deaktiviert ist.
Als Nächstes möchten Sie nach unten zum Feld 'CSS-Optionen' scrollen und die Option 'CSS-Code optimieren' aktivieren.
Stellen Sie einfach sicher, dass die Option „CSS-Dateien aggregieren“ deaktiviert ist.
Sie können jetzt auf die Schaltfläche „Änderungen speichern und Cache leeren“ klicken, um Ihre Einstellungen zu speichern.
Testen Sie Ihre Website mit dem PageSpeed Insights Tool. Mit diesen Grundeinstellungen haben wir das Problem mit renderblockierendem CSS auf unserer Demoseite erfolgreich behoben.
Wenn immer noch renderblockierende Skripte vorhanden sind, können Sie zur Einstellungsseite des Plugins zurückkehren und die Einstellungen unter den Optionen für JavaScript und CSS überprüfen.
Zum Beispiel können Sie dem Plugin erlauben, Inline-JS einzuschließen und Skripte zu entfernen, die standardmäßig ausgeschlossen sind, wie seal.js oder jquery.js. Klicken Sie dann einfach auf die Schaltfläche „Änderungen speichern und Cache leeren“, um Ihre Änderungen zu speichern und den Plugin-Cache zu leeren.
Wenn Sie fertig sind, überprüfen Sie Ihre Website erneut mit dem PageSpeed Insights-Tool.
Wie funktioniert Autoptimize?
Autoptimize aggregiert alle eingereihten JavaScripts und CSS. Danach erstellt es minifizierte CSS- und JavaScript-Dateien und liefert gecachte Kopien asynchron oder verzögert an Ihre Website.
Dies ermöglicht es Ihnen, das Problem mit renderblockierenden Skripten und Stilen zu beheben. Beachten Sie jedoch, dass dies auch die Leistung oder das Erscheinungsbild Ihrer Website beeinträchtigen kann.
Was tun, wenn renderblockierendes JavaScript und CSS immer noch vorhanden sind
Abhängig davon, wie die Plugins und Ihr WordPress-Theme JavaScript und CSS verwenden, kann es schwierig sein, alle Probleme mit renderblockierendem JavaScript und CSS vollständig zu beheben.
Während die oben genannten Tools helfen können, benötigen Ihre Plugins möglicherweise bestimmte Skripte, um ordnungsgemäß mit einer anderen Prioritätsstufe zu funktionieren. In diesem Fall können die obigen Lösungen die Funktionalität solcher Plugins beeinträchtigen oder dazu führen, dass sie sich unerwartet verhalten.
Anstatt Render-Blocking-Probleme vollständig zu beseitigen, empfehlen wir alternative Ansätze, um Ihre Website zu beschleunigen. Sie können beispielsweise einen CDN-Dienst nutzen, um Ihre statischen JavaScript- und CSS-Dateien auszuliefern und die Ladezeit zu verkürzen.
Sie können unseren ultimativen Leitfaden zur Steigerung der WordPress-Geschwindigkeit und -Leistung für weitere Informationen lesen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie renderblockierendes JavaScript und CSS in WordPress beheben. Möglicherweise möchten Sie auch unseren Artikel über die einfache Behebung des Fehlers „Diese Website kann nicht erreicht werden“ und unsere Expertenliste der häufigsten WordPress-Fehler und deren Behebung lesen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Lu
Tolle Infos wie immer!
Ich bin bei Siteground und habe SG Optimizer auf meiner Website. Ich habe die Einstellungen so gut ich kann durchgesehen, bekomme aber immer noch die Meldung „Render-Blocking-Ressourcen eliminieren“.
Kann ich Autoptimize auch verwenden, oder wird es mit SG kollidieren? Danke
WPBeginner Support
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
Admin
subin
Wie kann ich renderblockierendes JavaScript und CSS in WordPress ohne Plugin beheben.
WPBeginner Support
Sie müssten den Code manuell durchgehen und die CSS- und JS-Dateien so einstellen, dass sie geladen werden, nachdem der Inhalt zur Seite hinzugefügt wurde.
Admin
Ben
Vielen Dank dafür! Autoptimize hat mir gerade geholfen, eine bessere Seitenbewertung zu erzielen!
Ben
WPBeginner Support
You’re welcome, glad our recommendation could help
Admin
MoneyManch
Hallo WP Beginner Team,
Vielen Dank für das Teilen eines so nützlichen Artikels. Autoptimize ist ein großartiges Plugin.
Ich suchte nach einem Plugin, um die Geschwindigkeit meines WP-Blogs zu erhöhen. Nach dem Lesen dieses Beitrags habe ich „Autoptimize“ auf meinem Blog installiert und aktiviert. Und zu meiner Überraschung erhöhte es die Geschwindigkeit meines Blogs von 39 auf 61 für Mobilgeräte und von 76 auf 95 für Desktops, überprüft auf PageSpeed Insights.
Vielen Dank nochmals für die Anleitung für neue Blogger wie mich.
WPBeginner Support
Glad our recommendation could be helpful
Admin
sachin
Wie identifiziere ich die Skript-URL und die CSS-URL?
WPBeginner Support
Wenn Sie Google Page Insights verwenden, gibt es einen Dropdown-Pfeil, der Ihnen die URLs anzeigt, die das Problem verursachen, mit einem Link 'Mehr erfahren', wie Sie die URL ohne deren Tool finden.
Admin
Raksh
Die neuen Google Page Speed Insights zeigen den Link nicht an, was soll ich tun?
WPBeginner Support
There should be a dropdown arrow and when you click that it should show the links to the files
Admin
Monika
Ich bin mir nicht sicher, wie oft mir diese Website schon geholfen hat!!! Vielen Dank SOOO SEHR!
Herr Jatt Poonam
Wie kann ich Bilder optimieren, die ich in der Vergangenheit auf meiner Website hinzugefügt habe?
Love Goel
Danke, Mann, ich schätze dein Tutorial wirklich. Ich habe Autoptimize Plugin verwendet und es hat für mich sehr gut funktioniert.
Deeksha
Wenn ich all diese Plugins verwende, wird meine Website plötzlich langsam und zeigt unangemessene Inhalte an...
Was kann ich tun?? Bitte helfen Sie mir
WPBeginner Support
Hallo Deeksha,
Beide Plugins sind ziemlich sicher. Wenn Sie unangemessene Inhalte auf Ihrer Website sehen, stellen Sie bitte sicher, dass Ihre Website nicht gehackt wurde. Sie können beide Plugins jederzeit deaktivieren.
Admin
sumit kumar gupta
Herr, wenn wir das Autoptimize-Plugin auf unserem WordPress-Blog installieren, öffnet sich unser Blog nicht mehr, es heißt, diese Seite funktioniert nicht. Was soll ich tun, Herr?
Sir, ich möchte wissen, ob das Hinzufügen eines JavaScript-Links zur Eliminierung von Render-Blocking-Code nach Ihren Schritten Auswirkungen auf das Ranking meines Blogs hat. Bitte helfen Sie.
Tim Helmer
Sumit:
Das Plugin funktioniert nicht, daher müssen Sie den Plugin-Ordner umbenennen, um es zu deaktivieren. Sie benötigen FTP oder ein Dateimanager-Plugin. Können Sie auf das Dashboard über Ihren wp-login.php-Speicherort zugreifen? Wie domain/wp-login.php
Henry Ramirez
Ich benutze wordpress.com, gibt es ein Plugin, das dasselbe hier auf wordpress.com tut, da diese Plugins hier nicht unterstützt werden? Danke
ben
Autoptimize funktioniert für mich. Es komprimiert meine Skripte schön, aber ich sehe immer noch die Warnung vor render-blockierenden Skripten.
Ismail
Hallo,
Derzeit nutze ich WP Rocket, ist es möglich, das Autoptimize-Plugin zusammen zu verwenden? Vielen Dank für das Teilen dieser wertvollen Informationen.
Gaurav Areng Chakraverti
Hallo. Ich habe die W3-Methode ausprobiert und sobald ich Minify (mit Disk) einschalte, erhalte ich Folgendes:
Fatal error: Unknown: Cannot use output buffering in output buffering display handlers in Unknown on line 0
Wie behebt man das?
Tolles Tutorial insgesamt! Danke dafür.
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
David
Die Einstellungen für Autoptimize haben sich geändert. Die einzige verfügbare JavaScript-Option ist „Optimise JavaScript Code“? Die restlichen Optionen auf Ihrem Screenshot sind nicht verfügbar, zumindest nicht auf dem, den ich habe. Letztes Mal, als ich W3 Total Cache ausprobiert habe, konnte niemand auf die Seite zugreifen. Ich suche immer noch nach einer Möglichkeit, die Ladezeit der Seite zu lösen, die aus irgendeinem Grund zwischen 10 und 17 Sekunden liegt.
Chris
David, probiere das Gmetrix Web-Geschwindigkeitstool aus. In der Ergebnisliste gibt es ein Wasserfalldiagramm, das zeigt, wie die Seite geladen wird und welche Dateien und Skripte die Seitenladung am meisten verlangsamen.
Ich finde, die langsamsten Skripte sind Googles CDN-Skripte wie Google Fonts! Dieselbe Firma, die darauf besteht, Benutzer zu ihren Forderungen zu zwingen, hat Skripte, die ewig zum Laden brauchen. Das kann man sich nicht ausdenken.
Divij
Können Sie Minify in W3 Total Cache gleichzeitig mit Cloudflare verwenden? Wir verwenden Minify in Cloudflare und haben es in W3Cache deaktiviert gelassen. Aber wir erhalten immer noch die Meldung: Eliminieren Sie renderblockierende JavaScript- und CSS-Inhalte im Above-the-Fold-Bereich.
Danke!
Rana Jayant
Das Plugin 23 Cache UI wurde geändert und es gibt keine Option mehr, bei der wir unsere .js-URL zur Optimierung eingeben können.
Ich spreche von „Gehen Sie nun zu Ihrem WordPress-Adminbereich und dort zu Performance » Minify-Seite.“
MATTY
Tolles Tutorial. Ist W3 Total Cache jedoch aufgrund eines Problems zu Beginn des Jahres jetzt sicher zu verwenden? Ich benutze es seitdem nicht mehr, aber es war das beste Plugin, das es gab.
Mohamed
Vielen Dank für das Teilen dieses Artikels, aber Sie sagten (bitte beachten Sie, dass dies auch die Leistung oder das Erscheinungsbild Ihrer Website beeinträchtigen kann)
Bitte klären Sie, ob sich dieser Effekt positiv oder negativ auf das Google-Ranking der Website auswirkt?
WPBeginner Support
Hallo Mohamed,
Eine schnellere Website ist sicherlich gut für das SEO-Ranking. Bei der Behebung von Render-Blocking-Problemen können Sie jedoch das Erscheinungsbild Ihres Themes ändern oder sogar eine niedrigere Seitengeschwindigkeitsbewertung als zuvor erhalten.
Admin
Angie
Ha, lustig.
Ich habe hier nach Hilfe gesucht.
Dann habe ich das Google-Geschwindigkeitstool für IHREN Beitrag hier ausgeführt.
Google-Ergebnis
Mobil Schlecht
54 / 100
Desktop
Arbeitsbedarf
66 / 100
Haben Sie überhaupt eine Ahnung?
WPBeginner Support
Hallo Angie,
Oftmals sind die Leute besessen davon, perfekte 100 Punkte bei Google PageSpeed zu erreichen, was für die meisten funktionsfähigen Websites fast unmöglich ist. Wenn Sie Social-Media-Buttons, Retargeting-Skripte oder Anzeigen haben, wird Ihre Website niemals eine perfekte Punktzahl erreichen.
Die Chancen stehen gut, dass Sie weit davon entfernt sind. Aber deshalb haben Sie andere Tools wie Pingdom, um Ihre Geschwindigkeitsergebnisse zu überprüfen.
Zum Beispiel: Die Homepage von WPBeginner.com lädt in 508 ms (was unglaublich schnell ist) –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot1.png
Aber hat eine Google Pagespeed-Punktzahl von 74 auf dem Desktop (was diejenigen, die es nicht besser wissen, als schlecht ansehen werden). –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot2.png
Wenn Sie sich alle beliebten Websites wie ESPN, NYTimes, TechCrunch usw. ansehen, werden Sie feststellen, dass keine von ihnen eine perfekte Punktzahl hat ... tatsächlich weit davon entfernt.
Hier ist ein Beispiel für eine ESPN-Punktzahl – 62 auf dem Desktop –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot3.png
Hier ist ein Beispiel von NYTimes – 68 auf dem Desktop –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot4.png
Hier ist ein Beispiel von TechCrunch – 49 auf dem Desktop –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot5.png
Unser Rat ist, sich darauf zu konzentrieren, Ihre Website so schnell wie möglich zu machen, indem Sie unserem Leitfaden zur Beschleunigung von WordPress folgen und Tools wie Pingdom als Referenzpunkt verwenden, was Ihre Benutzer sehen werden, wenn sie Ihre Website laden.
Admin
Kat
Dies hat mein Renderblocking tatsächlich verschlimmert. Wie entfernen wir es?
Chris Daly
Jedes Mal, wenn ich Autoptimize oder W# Total Cache verwende, explodiert meine Website. Die mobile Webansicht wird zu einer HTML-Menüliste zerlegt und Teile der Website funktionieren nicht mehr. Ich habe jeden davon auf 4 verschiedenen Websites ausprobiert und beide fallen gelassen.
Chris
Chris, ich schlage vor, dass du die W3 Cache-Warnung im Abschnitt Minify liest und befolgst. Minify nur HTML und CSS und sei nochmals vorsichtig, nicht alles CSS sollte aus den im obigen Beitrag genannten Gründen minimiert werden.
Ich verwende W3 Cache selektiv, tinyjpg für die Bildoptimierung und setze OpCache in der .htaccess-Datei. Templater verwenden gerne Slider… aber sie blähen die Seite mit Bildern auf, deren Bildschirmbreite 1920 Pixel beträgt. Verzichte auf Slider, verwende stattdessen kleinere Bilder (mit einer Modalbox, wenn mehr Details benötigt werden) und Icons.
Mary Cahalane
Ich habe es gerade installiert und es hat meine Homepage kaputt gemacht. Alle Bilder sind weg.
Irgendwelche Ideen, wie man das beheben kann?
Bruno Ayres Martinez
Hallo Leute! Ich liebe das W3-Tutorial. Es fehlt nur eine Information: Der Einbettungsort für die JS-Datei-Verwaltung.
Ist es "Vor dem Body einbetten"? Oder "Im Head einbetten"? Oder "Nach dem Body einbetten"?
Dev thapa
Ich bin neu im Bloggen, aber ich verfolge Wpbeginner.com schon seit einiger Zeit und alles, was sie schreiben, finde ich sehr nützlich, und ich zögere nicht zu sagen, dass, wenn meine Blogseite heute live ist... 30% des Verdienstes gehen an das Wpbeginner.com-Team und Sayed Balkhi für die Erstellung einer so wunderbaren und nützlichen Webseite.
Ich bin Wpbeginner dankbar.
Weiter so, alles Gute.
WPBeginner Support
Hallo Dev,
Thanks you for the kind words. We are glad you find WPBeginner helpful
Admin
steve
Ich habe diese Seite gerade in den Google PageSpeed Test eingegeben und nur 66 für Mobilgeräte und 77 für Desktops erhalten!?
Digember
Plugins erhöhen die Last auf unserer Website, was unsere Website langsam macht. Bei wpbeginner habe ich keine einzige Methode zur Geschwindigkeitsoptimierung ohne die Verwendung von Plugins gesehen. Bringen Sie uns etwas Nützliches bei, diese Methoden funktionieren nicht für jeden.
Patricia Lynn
Großartige detaillierte Informationen zur Verwendung des Autoptimize-Plugins für Java-Skripte, CSS und das Plugin w3 Total Cache zur Behebung von Render-Blocking und zur Verbesserung der Website-Geschwindigkeit.
Sumit Yadav
Vielen Dank für diese Informationen. Zuvor betrug meine Seitenladezeit 63, und nach der Installation des Autoptimize-Plugins stieg sie auf 81.
Yoseph
Ich bin mir nicht sicher, was passiert ist. Ich habe Autoptimize auf einer meiner Websites installiert, dann stieg die Seitengröße von 2,8 MB auf 4 MB.
Shaye
YIKES! Das hat die Leistung meiner Website drastisch verschlechtert! Hilfe!
Erez Elias
Danke fürs Teilen.
Insgesamt hat sich die Geschwindigkeit der Website nur sehr wenig erhöht. Aber das Problem mit Render-Blocking ist nicht gelöst.
Kommentieren Sie, wenn Sie andere Vorschläge haben.
Danke.
almbrouk idris
Ich versuche, 100 % zu erreichen, aber es ist unmöglich
John Bolhano
Ich versuche, über 70 zu erreichen, bin aber noch lange nicht so weit.
Mayank
Haha, großartig, Google ist Mist, aber am Ende bin ich bei 80+
David
Ich habe 3 neue Websites auf fast 500 ms gebracht, schneller als 96 % der Websites auf Pingdom. Ähnlich bei anderen Geschwindigkeitstestern.
Dachte, das wäre großartig, bis Google mich mit seinen Seiten-Insights wieder auf den Boden der Tatsachen zurückbrachte. Hauptsächlich niedrige Punktzahl für Mobilgeräte, aber ich dachte, diese modernen Themes sollen responsiv sein? Offensichtlich nicht!
Ich habe auch jedes Bild auf fast nichts komprimiert, bevor ich es hochgeladen habe, daher ist es frustrierend.
Außerdem funktionieren keine der Apps für mich mit Browser-Cache usw.
Ich würde sagen, die gleichen drei Probleme, die ich habe – sobald die Grundlagen erledigt sind – sind:
1. Render-blockierendes Javascript.
2. Browser-Caching.
3. Bilder falsche Größe für Mobilgeräte.
Muthukrishnan
Ich habe alle Plugins verwendet... Aber die Seitengeschwindigkeit ist immer noch schlecht.
Michael
Ich bin etwas verwirrt. Ich habe gerade einen Google-Geschwindigkeitstest auf wpbeginner durchgeführt und er hat überhaupt nicht gut abgeschnitten. Was übersehe ich?
Yasser
Meine Website ist eine RTL-Website, nachdem ich die Einstellungen des Plugins „Autoptimize“ gespeichert habe, hat sich meine Website in LTR verwandelt!
Manohar Rao
Sowohl Autoptimize als auch W3 Total Cache Plugins haben meine Website beschädigt. Diese Plugins funktionieren nur mit bestimmten Themes. Man muss sehr vorsichtig sein, wenn man diese beiden Plugins verwendet.
Toby Forage
Als ich Autoptimize installierte, wie in diesem Artikel vorgeschlagen, hat es meine Website komplett ruiniert. Vielleicht habe ich es falsch eingerichtet, aber nachdem ich es komplett entfernt hatte, erreichte ich einen Google PageSpeed-Wert von 92 für Desktop. Mobil liegt er bei 67, daran arbeite ich noch, aber Autoptimize werde ich sicher nicht wieder verwenden!
Nik
Thanks. It works for my blog.
Fued
Hallo WP-Anfänger,
Sehr hilfreicher Artikel!
Danke!
Nur eine zufällige Frage?
Kann ich den Minifizierungsmodus von manuell auf automatisch zurückstellen und die minifizierten Dateien ohne Schaden löschen? Und was empfehlen Sie: manuell oder automatisch?
Prost
Mayank
Mach es automatisch
Nirmal Kumar
Beide Methoden funktionierten nicht. Gibt es eine bessere Möglichkeit, dies zu tun?
ibraheem Warriach
Hallo, mir gefällt der Artikel, aber ich bekomme keine Option, um Skripte im W3 Total Cache Plugin hinzuzufügen. Können Sie mir bitte mitteilen, wie ich diese bekomme?
MASI
Vielen Dank für Ihren großartigen Artikel, er hat mir wirklich geholfen.
Ich habe nur ein kleines Problem, ich bin jetzt verwirrt!
Ich habe alle .js und .css manuell auf W3TC hinzugefügt, aber immer noch hat eine .css ein Problem auf dem Google Page Checker:
Beachten Sie die Behebung:
Kein Inhalt oberhalb der Falzlinie auf Ihrer Seite konnte gerendert werden, ohne auf das Laden der folgenden Ressourcen zu warten. Versuchen Sie, blockierende Ressourcen verzögert oder asynchron zu laden oder die kritischen Teile dieser Ressourcen direkt in den HTML-Code einzubetten.
CSS-Lieferung der folgenden Elemente optimieren:
26952.default.include.c9d602.css ist derzeit in der .css-Liste verfügbar, aber ich sehe diesen Fehler. Wie kann ich dieses Problem beheben?
Christian
Ich sehe die Option „Stylesheet hinzufügen“ nicht, gibt es Ideen, warum?
Cindy P
Ok, ich habe die Schritte befolgt und W3 installiert und die komplette Anfängeranleitung durchgearbeitet. Ich habe auch die Edge-Funktion in W3 hinzugefügt, obwohl sie sich noch im Beta-Stadium befindet, und habe dann von „JS vor dem /body einbetten“ zu „JS im Head einbetten“ geändert. Meine Desktop-Geschwindigkeit liegt jetzt bei 75 (war bei 69). Und mobil bei 50 (war bei 38). Google Speed sagt immer noch, dass ich Minifizieren usw. muss. Irgendwelche anderen Hinweise oder Tipps oder Plugins?? Danke für die bisherige Hilfe.
WPBeginner Support
Hallo Cindy,
Bitte werfen Sie einen Blick auf unseren Leitfaden unter So minimieren Sie CSS / JavaScript-Dateien in WordPress.
Admin
djbaxter
Die Verwendung des Autoptimize-Plugins (ich verwende WP Super Cache anstelle von W3 Total Cache) hat auf meiner Website nicht wirklich funktioniert. Wenn überhaupt, hat es meine Google-Ladezeit-Bewertung leicht verschlechtert.
JASSIM
Danke für dieses Thema. Ich brauche es sehr.
Aber Sie haben nicht auf die Position des Einbettungsbereichs für Skripte hingewiesen, die für JS und CSS im W3 Total Cache-Plugin hinzugefügt werden sollen..
Im Bild in diesem Thema wird gezeigt, dass "vor" ausgewählt ist.
danke
Rajan
Hallo WP-Anfänger
Ich habe eine Fehlersuche bei der Behebung dieses Problems. In meinem W 3 Total Cache kann ich die Option JS-Bereich nicht sehen.
Mein Screenshot, der im obigen Link angehängt ist
Schlagen Sie mir eine Methode vor, um es zu lösen.
WPBeginner Support
Hallo Rajan,
Sie müssen zuerst die Minifizierung aktivieren und auf die Schaltfläche „Alle Einstellungen speichern“ klicken. Danach müssen Sie zur Seite „Performance > Minify“ gehen. Dort finden Sie die manuellen JS-Minifizierungseinstellungen.
Admin
pavan
Wo finde ich die Minifizierungseinstellung?
Lenny
Danke für die Tipps.
Machen Plugins wie Jetpack für WordPress oder WP Rocket dasselbe? Und geraten sie in Konflikt mit den Plugins, die Sie hier empfehlen?