Wie man WordPress-Sites beschleunigt und optimiert

Jan 28, 2026
wie man
Speed up and optimise WordPress
(Bildkredite: Webdesigner)

WordPress begann als einfache Blogging-Plattform, entwickelte sich jedoch in das Content-Management-System, das jetzt einen großen Prozentsatz von Websites erhebt. Als beliebteste CMS ist der schnelle Erfolg wahrscheinlich ein fantastisches Infaltinstrument in der Web-Entwicklungswelt.

Eine niedrige Barriere für den Eintritt und ein großes Ökosystem von Plugins und Kostenlose WordPress-Themes. Lassen Sie weniger technisch komprimierende Benutzer, um komplexe Systeme aufzubauen. Dies kann jedoch ein zweischneidiges Schwert sein, wenn eine WordPress-Website Traktion gewinnt, die über den gelegentlichen Besucher skaliert und zu Problemen führt.

Nicht sicher über WordPress? Erkunden Sie weitere Optionen mit unserer Liste der Top Web-Hosting Anbieter Und wenn Sie eine Website leicht entwerfen möchten, probieren Sie diese brillanten Website-Builders. .

Die ersten Anzeichen von Mühe erscheinen, wenn ein neuer Benutzer auf der Website landet: Ladezeiten können ausgewertet werden, und Elemente springen auf der Seite, da separate Stylesheets laden, eines nach einem. Es ist nicht lange, bis der Server aus dem Speicher ausläuft, wodurch die Datenbank abstürzt, wodurch ein Server neu startet, um die Website wiederherzustellen.

Wenn ein Benutzer auf einer von einer WordPress-Website bereitgestellten Seite landet, läuft das Backend-Ende das Thema und alle Plugins, bevor Sie die Seite rendern. Wenn viele Plugins verwendet werden oder das Thema schlecht geschrieben ist, kann dies zu langwieriger Datenbankabfragen und Inklusion von JavaScript und CSS führen, wo sie nicht benötigt wird.

Glücklicherweise können viele der wichtigsten Probleme, die langsame Geschwindigkeit verursachen, angesprochen werden, und in diesem Tutorial werden wir ansehen, wie Sie sogar die klumpigsten Optimierung optimieren können WordPress-Websites. . Um Ihre Fähigkeiten weiter zu steigern, werfen Sie einen Blick auf unsere Roundup von WordPress-Tutorials. versuchen.

01. Testen Sie die aktuelle Geschwindigkeit

Der erste Schritt in der Beschleunigung einer Website besteht darin, herauszufinden, wie gut es beginnt, mit dem Sie beginnen. Eine Reihe von Tools existiert, um dabei zu helfen, einschließlich der PageSpeed-Erkenntnisse von Google und des Pingdoms Page Load Checker. Wir werden benutzen Gtmetrix Da kombiniert er mehrere Überprüfungen; Gehen Sie zur Site und geben Sie die URL für die Website ein.

02. Untersuchen Sie die Ergebnisse

Speed up and optimise WordPress: Examine the results

GTMETRIX gibt Ihnen eine schnelle Analyse der Leistung Ihrer Website (Bildkredite: GTMETRIX)

Nach einer kurzen Verzögerung zeigt GTMETRIX die Ergebnisse des Schecks an und gibt mehrere Ergebnisse von A - F an. Sie ergibt auch eine vollständig geladene Zeit und eine Gesamtseitengröße. Darunter ist ein Zusammenbruch mehrerer Elemente angegeben.

03. Identifizieren Sie die größten Dateien

Eine der wichtigsten Metriken ist die gesamte Seitengröße. Dies ist das Dateigröße aller geladenen Elemente auf einer Seite, z. B. Bilder, Video, CSS und alle Skripts, die auf der Seite enthalten sind. Verwenden von GTMETRIX, öffnen Sie die Wasserfall-Registerkarte und sortieren Sie die Tabelle nach Größe, um die größten Elemente auf der Seite zu finden.

04. Komprimieren Sie die Medien, um die Größe zu reduzieren

Speed up and optimise WordPress: Compress media to reduce size

Bulk optimiert Ihre Medien, um einen Geschwindigkeitsschub zu erhalten (Bildkredite: ewww)

Bilder und Videos sind in der Regel die größten Elemente auf einer Seite. Beseitigen Sie unnötige Hintergrundvideos und stellen Sie sicher, dass Sie Video mit niedriger Bitrate kodieren, wenn sie automatisch abgespielt wird. Installieren Sie das Plugin Ewww Image Optimizer. . In der Medienbibliothek ist eine neue Massenoptimierungsoptimierung verfügbar. Renne das.

Wenn Sie viele Medien zum Laden haben, versehen Sie ihn in diesen hervorragenden Cloud-Speicherung. Optionen.

05. Ändern Sie die Größe des Bildes

Speed up and optimise WordPress: Resize images

Verkleinern Sie diese massiven Bilder, die im Browser nach unten skaliert werden (Bildkredite: WordPress)

Manchmal sind Bilder, die zu einer Seite hinzugefügt wurden, mit einer hohen Auflösung und skaliert dann mit CSS. Dies verschwendet die Bandbreite, da die größere Größe niemals verwendet wird. Gehen Sie zum Dashboard & GT; Einstellungen & GT; Ewww Image-Optimierer und wählen Sie Größe. Zecken Sie "Änderungserkennung ändern". Jetzt werden Seiten, die von einem Administrator angesehen werden, Bilder hervorheben Bilder, die in der Größe geändert werden müssen. Die Änderung dieser Bilder in einem Bild-Editor oder mithilfe eines CDN mit der automatischen Dimensionierung wird dieses Problem behoben.

06. Minizierung von CSS, JS & AMP; Html.

Dies ist der Prozess des Entfernens der Zeichen im Code, der es human lesbar macht, um die Größe der Seite zu reduzieren. Wenn Sie ein Thema eines Drittanbieters verwenden, ein Plugin wie Autoptimize. ist perfekt dafür. Installieren Sie es, gehen Sie zu Einstellungen & GT; Autoptimize & gt; Scrollen Sie nach unten zu CSS-Optionen und kreuzen Sie "CSS-Code optimieren". Bei der Arbeit mit einem Thema, das maßgeschneidert wurde, erfolgt die Berichterstattung mit Build-Tools wie GULP. 

 CSS:
ein {
    -webkit-box-schatten: keine;
    Textdekoration: Keine;
}

Minified:
A {-Webkit-Box-Shadow: Keine; Textdekoration: Keine;}

07. CSS & AMP kombinieren; Js files.

Bei Verwendung eines Third-Party-Themas kann das AutoptiMise-Plugin die meisten Szenarien abdecken, indem die Option "Aggregat CSS-Dateien" aktiviert ist. Dies kombiniert alle CSS für jede Seite in einer einzelnen Datei anstelle von vielen kleineren.

08. Externe Javascript verschieben

Live-Chat, Analytik- und Tracking-Tools können große JavaScript-Dateien bündeln, die den Zeitpunkt der Zeit hinzufügen, um interaktiv zu werden. Fügen Sie dieses Skript das Threder-Attribut hinzu, sodass sie nicht ausgeführt werden, bis der DOM-Laden abgeschlossen ist.

& lt; Skript SRC = "path-to-file.js" verschieben & gt; & lt; / script & gt;

09. Untersuchen Sie die Plugins

Speed up and optimise WordPress: Examine the plugins

Behandeln Sie Ihre Website auf ein schwerwiegendes Plugin-Audit (Bildkredite: WordPress)

Zu viele Plugins können WordPress verkrüppeln. Mit so vielen Plugins sind Entwickler unter Druck, Premium-Versionen ihrer Software zu drücken, und enthalten unnötige, aufgeblähte Funktionen wie Pushing-Benachrichtigungen an das Admin-Dashboard. Deaktivieren und entfernen Sie alle Plugins, die nicht verwendet werden - sie können später wieder installiert werden, falls erforderlich.

10. Überprüfen Sie die Webserver-Leistung

Speed up and optimise WordPress: Check web server power

Ihr Server kann die Dinge verlangsamen. So erkennen Sie, ob dies der Fall ist (Bildgutschrift: Google)

Der Motor einer Website ist der Server, auf dem es läuft. Wenn es billig, unterfüttert und schlecht gepflegt wird, wird es schlecht laufen. Gehe zu Google Pagesspeed Insights. und geben Sie die URL der Website ein. In den Ergebnissen suchen Sie nach "Reduzieren der Server-Antwortzeit". Wenn dies im Bericht angezeigt wird, ist es wahrscheinlich, dass ein langsamer Server für die Leistung schuld ist.

11. GZIP-Komprimierung aktivieren

GZIP kann die Größe Ihrer Website verringern, bevor sie an einen Benutzer gesendet wird. Der Webbrowser des Benutzers dekomprimiert dann automatisch die Daten und zeigt sie an. Bei keinen Nachteilen ist es wichtig, dass GZIP aktiviert ist. Es gibt mehrere Tools, um zu prüfen, ob GZIP aktiviert ist. Versuchen Geschenkspeed. .

12. Upgrade auf PHP 7

Innerhalb des WordPress-Dashboards Open Tools & GT; Site Health und klicken Sie auf die Registerkarte Info. Öffnen Sie den Akkordeon "Server" und überprüfen Sie den Wert für die PHP-Version. Wenn dies weniger als 7x.x ist, wird dringend empfohlen, auf mindestens PHP 7.1 ein Upgrade zu aktualisieren. Tests zeigen das Ändern dieser erlaubten Handhabung von über den doppelten Simulierten Besuchern.

13. Setzen Sie die Seite Caching ein

Speed up and optimise WordPress: Set up page caching

Verwenden Sie den Cache-Enabler, um beliebte Seiten in einer schnelleren statischen HTML-Datei zu rendern (Bildkredite: WordPress)

Gehen Sie zu Plugins & gt; Fügen Sie ein neues Plugin hinzu und suchen Sie nach "Cache Enabler". Dieses leichte Plugin speichert Seiten in einem Cache, sodass ein Besucher, der zum selben Zeitpunkt zum anderen läuft, nicht dazu führt, dass die Website die Seite zweimal rendern kann. Stattdessen rendert das Plugin die Seite in eine statische HTML-Datei, sodass diese Datei dann anschließende Benutzer dient.

14. Photon

Unterschiedliche Geräte rendern Bilder in verschiedenen Größen, wodurch die Bildung von Bildern genau so groß ist, wie sie angezeigt werden. Verwenden des kostenlosen "Photon" -Service, der in enthalten ist Jetpack. Bilder werden automatisch auf der rechten Größe serviert.

15. BROWSER-Caching einrichten

Browser-Caching teilt den Browser eines Benutzers an, dass bestimmte Elemente nicht jedes Mal neu heruntergeladen werden müssen, wenn sie eine Seite auf der Website neu laden oder wieder aufrufen und erneut besuchen müssen. Dies kann manuell in .htaccess erfolgen oder alternativ ein Plugin wie "Hebelbrowser-Caching" verwendet werden.

16. Laden von Tests mit virtuellen Benutzern

Speed up and optimise WordPress: Load testing with virtual users

Verwenden Sie einen Dienst, wie Loader, um Ihre Website zu überprüfen, kann mit hoher Nachfrage fertig werden (Bildkredite: GTMETRIX)

Um echte Benutzer mit der Website zu simulieren und die Website unter Stress zu setzen, sollten Lastprüfungen durchgeführt werden. Verwenden Sie bei der Überwachung des Servers für den Lastaufschlag einen Dienst, wie z Lader Verkehr auf der Website senden. Die CPU und der Speicher des Servers sollten in sicheren Grenzen bleiben.

17. Performance erneut prügeln.

Sobald die Optimierungen durchgeführt wurden, sollten Sie die Verbesserung der Website testen und messen. Führen Sie GTMETRIX erneut aus und verwenden Sie die Registerkarte History, um den Unterschied in der Seitenlastzeit zu sehen. Wenn Caching aktiviert ist, stellen Sie sicher, dass Sie die Website mindestens einmal besuchen, um den Cache vor der Durchführung von Tests zu "prime".

Dieser Artikel wurde ursprünglich in Ausgabe 292 des kreativen Webdesign-Magazins veröffentlicht Webdesigner . Ausgabe 292 kaufen .

GenerateJS banner

(Bildkredite: Zukunft / TOA Heftiba, UNSPLASS)

Begleiten Sie uns im April 2020, um unsere Aufstellung von JavaScript Superstars bei GenerateJs zu sehen - die Konferenz, die Ihnen dabei hilft, besser JavaScript zu bauen. Jetzt buchen generateconf.com

Zum Thema passende Artikel:

  • So drehen Sie WordPress in einen visuellen Erbauer
  • 26 Top-Qualität-WordPress-Portfolio-Themen

wie man - Die beliebtesten Artikel

Beginnen Sie mit dem Flammenmaler

wie man Jan 28, 2026

Flammenmaler ist ein Standalone-Paint- und Partikel-Effekt-Paket, mit dem Sie schnell und einfach Originalgemälde, leichte Effekte, unkonventionelle Designs oder fantastische Hintergründe e..

8 Erstaunliche neue Grafikdesign-Tutorials

wie man Jan 28, 2026

Egal, ob Sie gerade in Grafikdesign oder einem erfahrenen Pro anfangen, es gibt immer etwas Neues, um zu erfahren, ob Sie vor dem Spiel stehen möchten. Grafikdesign ist so eine umfangreiche ..

Animieren Sie SVG mit JavaScript

wie man Jan 28, 2026

Es gibt so viel, dass im Browser mit CSS3 oder den Webanimationen API in JavaScript nativ erreicht werden kann. Einfache Animatio..

So modellieren Sie Concept-Kunst in Cinema 4D

wie man Jan 28, 2026

Vor ein paar Jahren bat mich der Kunstdirektor von Lucid Games, ihnen zu helfen, 10 unabhängige Fahrzeuge für ein 4x4 bodenbasi..

Verwenden Sie chart.js, um Daten in interaktive Diagramme zu drehen

wie man Jan 28, 2026

Seite 1 von 2: Verwenden von Chart.js: Schritte 01-10 Verwenden von Chart..

Erstellen Sie ein Slide-Out-Menü

wie man Jan 28, 2026

Eine großartige Möglichkeit, das zu verbessern Benutzererfahrung Auf Ihrer Site soll ein Rutsch-Menü hinzugefügt werden. Es erstellt einen auffälligen Weg, u..

Erstellen Sie 3D-Text in Photoshop: einen Schritt-für-Schritt-Anleitung

wie man Jan 28, 2026

In diesem Tutorial zeigen wir Ihnen, wie Sie ein Stück erstellen können 3D Art. mit einem realistischen dreidime..

So erstellen Sie Haare in Cinema 4D

wie man Jan 28, 2026

Inspiriert von der fantastischen Charakterkunst von Carlos Ortega Elizalde und Lois Van Baarle, entschied ich mich, meine Hand be..

Kategorien