ODER

Dies ist bei allen WordPress-Websites ganz normal. Es ist nicht das Theme-spezifische, sondern wie WordPress funktioniert. Alle WordPress-Sites müssen nach dem Start optimiert werden.

Sie müssen bestimmte Aspekte der Website optimieren, um die Seitenladegeschwindigkeiten zu optimieren.

Sie können die GTmetrix-Seite verwenden und den Empfehlungen folgen, die Ihnen auf Ihrer Ergebnisseite angezeigt werden. https://gtmetrix.com/reports/zenwallarts.com/c3P4QuxF

Und Pingdom: https://tools.pingdom.com/#!/cJBIIC/https://zenwallarts.com/

Zuerst müssen Sie alle Bilder optimieren, Sie können dieses Plugin verwenden, das sich darum kümmert: https://wordpress.org/plugins/ewww-image-optimizer/

Für minify CSS, JS, HTML hat das Theme diese Funktion: Porto >> Assistent zur Geschwindigkeitsoptimierung

Wenn dies immer noch nicht hilft, können Sie ein Caching-Plugin wie das W3-Cache-Plugin verwenden. Und Sie können einen kostenlosen oder kostenpflichtigen CDN-Dienst wie Cloudflare, MaXCDN oder Stackpath verwenden.

Als letzten Ausweg können Sie einen CDN-Dienst verwenden.

Es gibt einen kostenlosen: https://www.cloudflare.com/

Oder kostenpflichtige (kostet in der Regel weniger als 5 USD pro Monat): https://www.stackpath.com/services/content-delivery-network-cdn/

https://bunnycdn.com/

Darüber hinaus ist dies der beste und umfassendste Leitfaden zur Beschleunigung Ihrer Website. Wir empfehlen dringend, ihm zu folgen: https://www.dropbox.com/s/djgfw8whwx607is/The%20Need%20For%20Site%20Speed.pdf?dl =1

So verbessern Sie Ihren Google Page Speed ​​Score:

Was ist Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights  ist das Tool von Google, mit dem Webmaster (oder jeder andere) die Ladegeschwindigkeit ihrer Websites testen können. Es werden sowohl mobile als auch Desktop-Versionen Ihrer Website getestet. Es sagt Ihnen, was Ihre Website verlangsamt und gibt Ihnen Vorschläge, wie Sie das Problem beheben können. Es gibt eine Punktzahl von bis zu 100 (je höher, desto besser), also ist natürlich 100 das Ziel.

Die Hauptgeschwindigkeitsfaktoren umfassen:

• Komprimierung aktivieren
• Reduzieren Sie die Antwortzeit des Servers
• Eliminieren Sie JavaScript und CSS, die das Rendern blockieren, in Inhalten, die über dem Falten stehen
• CSS minimieren
• JavaScript minimieren
• HTML minimieren

Komprimierung aktivieren:

Das erste, was auf der Liste stand, war das Komprimieren von Ressourcen mit gzip oder das Deflationieren, um die Anzahl der über das Netzwerk gesendeten Bytes zu reduzieren. Ich habe im Plugin-Verzeichnis nach gzip gesucht. Das erste Plugin auf der Liste war GZip Ninja Speed ​​Compression. Es sah gut aus, hatte viele Downloads und hatte eine gute Bewertung. Es funktioniert jedoch nur auf Apache-Servern. Ich wollte für jeden etwas.

Geschwindigkeits-Booster-Paket

WP Performance Score Booster

This free plugin was designed with speed tests in mind. It will remove any query strings from your CSS and JavaScript, enable GZIP compression, and more. The results were a dramatic improvement on install.  

Eliminate Render-blocking JavaScript and CSS

The next thing on the list was to Eliminate render-blocking JavaScript and CSS in above-the-fold content. 

WP Super Minify

Dieses kostenlose Plugin komprimiert JavaScript und CSS. Sie können wählen, was komprimiert werden soll, aber die Komprimierung soll bei der Installation funktionieren.

Autooptimieren

Dieses Plugin soll Dateien wie Stile und Skripte komprimieren und von der Kopfzeile in die Fußzeile verschieben. Es wird auch den HTML-Code verkleinern und ihn so leicht wie möglich machen.

Server-Antwortzeit

Die Site befindet sich auf einem gemeinsam genutzten Server. Die Antwortzeit des Servers war ein Problem, das immer wieder auftauchte. Ich hatte oft sehr niedrige Werte wegen der Server-Antwortzeit. Ich müsste den Test wiederholen, nur um eine Punktzahl ohne Serverproblem zu erhalten. Ich wusste, dass ich den Hosting-Plan auf einen besseren Server aktualisieren musste, aber ich wollte zuerst sehen, was ich mit Plugins machen könnte.

WP-Super-Cache

Dieses ist ein kostenloses Plugin von Automattic. Es wollte, dass ich meine Permalink-Struktur repariere, bevor es funktionieren würde. Ich nahm die Anpassung vor und fuhr dann mit den Einstellungen fort, um sicherzustellen, dass ich alle empfohlenen Einstellungen ausgewählt hatte.

W3 Gesamtcache

Dieser hat viele Einstellungen und Konfigurationen zu durchlaufen. Wenn Sie CDN verwenden möchten, müssen Sie ein Konto erstellen. Wählen Sie nicht Alle umschalten, es sei denn, Sie möchten ein Konto einrichten. Ich habe Seiten-Cache, Minify, Datenbank-Cache, Objekt-Cache und Browser-Cache aktiviert. Ich habe auch die Minifying-Einstellungen für HTML/XML, JS und CSS festgelegt. Ich wollte Better WordPress Minify deaktivieren.

WP Schnellster Cache

Dieser möchte auch, dass Permalinks repariert werden. Die von mir gewählten Optionen sind das Cache-System, HTML verkleinern, CSS kombinieren, JavaScript kombinieren und Gzip. Die Premium-Edition verfügt über eine Funktion zum Optimieren von Bildern.

Sichtbaren Inhalt priorisieren

Dadurch wurde mir mitgeteilt, dass für meine Seite zusätzliche Netzwerk-Roundtrips erforderlich sind, um den oben angezeigten Inhalt zu rendern. Nur 19% meiner über dem Falten stehenden Inhalte konnten gerendert werden. Es schlug vor, die Menge an HTML zu reduzieren, die zum Rendern des Inhalts erforderlich ist. Ich könnte dies tun, indem ich es priorisiere. Vorschläge enthalten:

• Minimieren
• CSS statt Bilder verwenden
• Komprimierung verwenden

HTML minimieren

Eine weitere vorgeschlagene Lösung bestand darin, meinen HTML-Code zu verkleinern, was zu einer Reduzierung um 2 % führen würde. Ich habe nach HTML-Minify gesucht.

WP-Minify-Fix

Dieses kostenlose Plugin minimiert JavaScript, CSS und HTML. Die einzige Anpassung, die ich vorgenommen habe, bestand darin, alle Skripte in die Fußzeile zu verschieben.

Bilder optimieren

To speed up load times it’s best to resize your images before uploading them. Once you have your images uploaded you can still resize them using a plugin. Another option is to use a plugin that resizes them as they’re uploaded.

EWWW Image Optimizer

Dieser erforderte viele Dateien, die nicht installiert wurden. Wenn die Dateien mit dem Plugin installiert werden, ist es einfach zu verwenden, aber die Installation der Dateien erfordert viele zusätzliche Schritte.

Bildgröße nach dem Hochladen ändern

Dieses kostenlose Plugin ändert die Größe von Fotos, die Sie bereits hochgeladen haben. Sie können die gewünschte Bildgröße und die Komprimierungsstufe festlegen.

WP Smush It

Dieses kostenlose Plugin komprimiert Ihre Bilder beim Hochladen. Sie können auch in das Dashboard gehen und Ihre aktuelle Bibliothek reparieren lassen.

Was ich gelernt habe und die drei wichtigsten Dinge

Diese drei Punkte haben mir die meisten Leistungsverbesserungen gebracht:

Kompression und Minimierung – Verwenden Sie einen Leistungs-Geschwindigkeits-Booster. Sie optimieren und minimieren Ihr JS, CSS und HTML. Ich hatte die meisten Verbesserungen, als ich WP Performance Score Booster verwendet habe. Eine andere, die Dateien minimierte, die kein anderes Plugin minimieren würde, war Autoptimize.

Cache – Verwenden Sie ein Plugin für den Cache. Dies wird dazu beitragen, Ihren Server zu beschleunigen. WP Super Cache hat mir die besten Ergebnisse geliefert, weil es Dateien minimiert hat, die kein anderes Plugin minimieren würde.

Bilder optimieren – Holen Sie sich die Dateigröße so klein wie möglich, ohne zu viel Bildqualität zu verlieren. Sie können dies tun, indem Sie die Größe ändern und die Bilder komprimieren.

Seien Sie vorsichtig mit Plugins

Es ist nicht immer eine gute Idee, mehr als ein Plugin zu verwenden, um dieselbe Arbeit zu erledigen. Ich habe mehrere verwendet, die sich überlappten und manchmal hatte ich Probleme. Schlechte Probleme. Die Deinstallation eines von ihnen führte dazu, dass ich von vorne begann. Wenn Sie ein Plugin verwenden, um eine bestimmte Aufgabe zu erledigen und es nicht den Platz eines anderen Plugins einnimmt, aber beide eine Funktion teilen, schalten Sie diese Funktion bei einem der Plugins aus. Auf diese Weise haben Sie keine Probleme damit, dass Ihre Plugins gegeneinander kämpfen. In vielen Fällen wird es kein Problem verursachen, aber es ist möglich. Es könnte zumindest Ihren Server verlangsamen.

Um beispielsweise das Rendering blockierende Google Font CSS zu beheben, habe ich Simple Minify installiert. Das Problem ist, dass ich bereits Plugins hatte, die mein CSS verkleinerten. Dieser hatte einen Konflikt und verursachte einen Fehler, der die Site deaktivierte. Glücklicherweise musste ich das Plugin nur löschen, um die Site wieder zum Laufen zu bringen.

Einige hilfreiche Dokumente:

https://wpfixit.com/why-is-woocommerce-so-slow/

https://gist.github.com/DevinWalker/7621777

Ich hoffe, das hilft…