Heim >CMS-Tutorial >WordDrücken Sie >So verbessern Sie die Leistung Ihres WordPress -Themas
Praktischer Leitfaden zur Verbesserung der Leistung von WordPress -Themen
Kernpunkte
Dieser Artikel ist Teil einer Reihe von Artikeln, die in Zusammenarbeit mit SiteGround erstellt wurden. Vielen Dank, dass Sie die Partner unterstützt haben, die SitePoint ermöglicht haben.
Im Mai 2017 erreichte das durchschnittliche Seitengewicht 2884 KB. Der Forschungsbericht von Google DoubleClick zeigt, dass die durchschnittliche Ladezeit auf mobilen Geräten 19 Sekunden beträgt. Die Leistung ist jedoch wichtiger denn je:
Idealerweise sollten Sie die Leistung in Betracht ziehen, bevor Sie die erste Codezeile schreiben. Möglicherweise lesen Sie diesen Artikel jedoch, da es Leistungsprobleme mit Ihrem Thema gibt. Glücklicherweise gibt es einige kostengünstige Lösungen für dieses Problem ohne Nachteile. Jeder gesparte Millisekunde senkt Ihre Kosten und erhöht die Benutzerzufriedenheit, das Engagement und den Umsatz.
Faktoren, die die Leistung beeinflussen
Leistung wird durch die folgenden Faktoren beeinflusst:
Die Anzahl der HTTP -Anforderungen hängt von der Anzahl der Dateien und Ajax -Anrufe ab, die erforderlich sind, damit Ihre Seite funktioniert: HTML, CSS, JavaScript, Bilder, Schriftarten, Daten und alle anderen Ressourcen. HTTP/2 löst dieses Problem, aber sowohl Ihr Server als auch Ihr Browser Ihres Benutzers müssen konfiguriert werden, um Unterstützung zu ermöglichen. Selbst mit HTTP/2 sind zwanzig Dateianfragen immer noch nicht so wirksam wie zehn. Der Hauptfaktor ist die Größe jeder Datei.
Um dies zu veranschaulichen, ist 2884KB 20% größer als die Originalversion von Doom aus der ID -Software. Zugegeben, wir vergleichen moderne Webseiten mit einem Spiel vor 25 Jahren, aber die meisten Seiten zeigen nur wenige Absätze, während Doom eine 3D -Engine, mehrere Levels, Grafiken, Musik und Soundeffekte implementiert. Selbst relativ leichte Seiten können ineffizient sein. Wenn Ihre dreiseitige Website beispielsweise auf einem 500-KB-JavaScript-Framework angewiesen ist, muss der Code heruntergeladen, analysiert und ausgeführt werden, bevor Sie den ersten Charakter sehen. Auch wenn die Gesamtressourcengröße 500 KB überschreitet, wird die HTML -Datei mit Servergerender angezeigt, bevor sie vollständig geladen wird. Schließlich sind Servergeschwindigkeit, Komprimierung und Caching auch weitere wichtige Überlegungen.
Leistung messen
Messleistung ist wichtig, um Engpässe zu identifizieren und sicherzustellen, dass Ihre Aktualisierungen die Seiten verbessert haben. Die folgenden Tools bieten eine Aufschlüsselung der Anforderung und Antwortzeit und Aktualisierungsvorschläge:
Die Registerkarte "Entwicklertools" des Browser -Entwickler -Tools enthält auch Informationen zum Layout und wie lange es dauert, bis die Seite bereit ist, auf Benutzerereignisse zu reagieren.
schnelles Gewinn
Die folgenden Updates sollten nicht länger als ein paar Minuten dauern. Sie haben keine Ausreden!
Ein guter Webhost analysiert Ihre Nutzung und gibt Ratschläge zu Service-, Hardware- und Software -Upgrades an. Dies kann kostengünstige Leistungsverbesserungen mit minimalem Aufwand bieten. Unser Partner -SiteGround verfügt über ein Team von proaktiven und sachkundigen WordPress -Experten, die Ihnen gerne dieses Problem lösen. SiteGround bietet eine Reihe von WordPress -Plänen, und SitePoint -Benutzer können bis zu 65% Rabatt genießen.
Fast 30% der Websites ermöglichen keine GZIP -Komprimierung. Dies kann normalerweise in Webservereinstellungen oder in WordPress -Plugins wie WP HTTP -Komprimierung und W3 -Gesamt -Cache aktiviert werden.
Es gibt mehrere WordPress -Plugins, die Seiten rendern und im Cache ihrer ersten Anfrage speichern. Nachfolgende Anfragen erhalten diese Seiten aus dem Cache, anstatt den Datenbankinhalt in der Vorlage zu regenerieren. Zu den Cache-Plug-Ins gehören W3 Total Cache, WP Super Cache, Hyper-Cache, WP schnellster Cache und Cache-Enabler. Ihr Hosting -Anbieter kann möglicherweise das Caching für Sie ermöglichen. Unser Partner -SiteGround verfügt über ein benutzerdefiniertes Caching -Tool, mit dem Ihre Website erheblich beschleunigt werden kann.
Wenn der Benutzer die Ressource durch den Browser zwischenstrichen, muss der Benutzer die Ressource nicht erneut herunterladen. Zu den einfachen Lösungen gehören das Festlegen des entsprechenden Ablauf-Headers, das Last-modifizierte Datum oder die Einnahme von ETAGs in HTTP-Header. Für das folgende Beispiel muss der Browser einen Monat lang Bilder zwischenbildern:
<code><ifmodule mod_expires.c=""> ExpiresActive On <filesmatch> ExpiresDefault "access plus 1 month" </filesmatch></ifmodule></code>
Die meisten Plugins fügen Ihrer Website Code hinzu, z. B. zusätzliche CSS oder JavaScript, auch wenn Sie ihn nicht verwenden. WordPress -Administratoren können Plugins über das WordPress -Bedienfeld deaktivieren oder Plugin -Code vollständig entfernen, wenn sie sicher sind, dass das Plugin niemals verwendet wird.
Benötigt Ihre Vorlage wirklich fünfzehn Schriftarten? Haben Sie sieben Analysesysteme hinzugefügt? Ist das Widget von Drittanbietern notwendig? Müssen Sie Anzeigen aus fünfzig Anzeigennetzwerken anzeigen? Benötigen Sie mehrere JavaScript -Bibliotheken? Können Sie die JavaScript -Animation durch CSS3 -Effekte ersetzen? Reinigen Sie es und entfernen Sie alles, was Sie nicht brauchen.
teilen Facebook, Twitter, Google und LinkedIn Schaltflächen auf Ihrer Seite? Obwohl sie harmlos wirken, können sie Ihrer Seite Hunderte von KB JavaScript-Drittanbieter verleihen. Dies ist ein aufgeblähtes Sicherheitsrisiko, das die Leistung negativ beeinflussen kann. Der Code von Drittanbietern ist unnötig-Sie können Ihrer Seite mit einigen HTML-Zeilen fettfreie soziale Schaltflächen hinzufügen. Eine kleine Menge JavaScript kann die Erfahrung der Verwendung von Pop-ups oder die Verwendung von Ereignisverfolgungsprotokollen in Google Analytics verbessern.
Auflösen von JavaScript- und CSS -Dateien in separate Module während der Entwicklung ist machbar. Vor dem Hosting einzelner Dateien auf einem Produktionsserver sollten diese Dateien zusammengeführt und komprimiert werden, um Kommentare und Leerzeichen zu entfernen. (Beachten Sie, dass Ihre Datei "WordPress style.css
Verarbeitung Ihres BildesImage ist der Hauptgrund für die aufgeblähte Website. Durch das Löschen eines einzigen 500 KB-hochauflösenden Bildes kann das Gewicht reduziert und die Zeit um 25% oder mehr heruntergeladen werden.
unnötige Bilder löschen oder ersetzen
Verwenden Sie das richtige Bildformat
Die Bilder, die von einer einfachen Kamera oder einem einfachen Telefon aufgenommen wurden, sind zu groß, um auf jedem Gerät angezeigt zu werden. WordPress bietet Optionen für die Änderung, aber für die besten Ergebnisse sollte der Editor vor dem Hochladen die Größe der Änderung annehmen und die Größe des Außensachens anbieten. Die Bildgröße sollte die maximale Größe seines Behälters nicht überschreiten. Benutzer, die mit hoher Dichte-/Netzhautanzeigen verwenden, können Bilder mit höherer Auflösung zu schätzen wissen, aber Sie können das IMG -Tagged -SRCSet -Attribut verwenden, um eine Alternative bereitzustellen. Die Größe des Bildes kann einen erheblichen Einfluss auf das Gewicht der Seite haben. Die Reduzierung der Größe um 50% verringert die Gesamtfläche um 75%, wodurch die Dateigröße entsprechend verbessert wird.
Sie können die Größe des Bitmap -Bildes erheblich reduzieren, indem Sie Metadaten löschen, die Farbtiefe reduzieren und den Kompressionskoeffizienten einstellen. WordPress -Plugins wie WP SMUSH, EWWW -Bildoptimierer, Vorstellung, Kraken Image Optimizer, Shortpixel Image Optimizer und CW Image Optimizer können diesen Vorgang für Sie verarbeiten. Für die besten Ergebnisse sollten Bilder vor dem Hochladen verarbeitet werden. Zu den Softwareoptionen gehören Optipng, Pngout, Jpegtran und Jpegptim. Windows -Benutzer können versuchen, exzellente Aufruhr zu verwenden. Alternativ können Sie Online -Tools wie Tinypng/TinyJPG verwenden. SVG -Bilder können komprimiert werden, indem die Werte auf weniger Dezimalstellen, vereinfachte Pfade und Entfernen unnötiger Kommentare, Eigenschaften und Räume aus XML abgerundet werden. Ihr SVG -Editor sollte die Möglichkeit haben, Dateien zu komprimieren, oder Sie können Tools wie SVG -Editor und SVGO verwenden. Sie können auch Style -Direktiven in CSS verschieben.
Schließlich stellt die faule Ladetechnik sicher, dass Bilder nur heruntergeladen werden, wenn die sie enthaltenen Kästchen im Ansichtsfenster sichtbar sind. WordPress -Plugins, die faul laden implementieren, umfassen faul Load, JQuery Image Lazy Load WP, BJ Lazy Load, Rocket Lazy Load, Enthülle Lazy Load und Lazy Load für Videos. Andere Ressourcen:
gründlichere Lösung
Wenn Ihr Thema noch übergewichtig ist, können Sie ein intensiveres Diät -Regime in Betracht ziehen…
Der Erstellungsprozess kann Bilder automatisch optimieren und CSS und JavaScript -Dateien zusammenführen und komprimieren. Sie können einen Gulp -Build -Prozess für Ihr WordPress -Thema übernehmen, mit dem Stunden der Arbeit sparen, die Seitenleistung verbessern und die Entwicklung mehr Spaß machen können.
Progressive Webanwendungs -Technologie ermöglicht es Webanwendungen, offline zu arbeiten, indem grundlegende und gemeinsame Ressourcen zwischengespeichert werden. Während dies häufig für Anwendungen verwendet wird, können Sie Ihre Website in eine progressive Webanwendung verwandeln und die Vorteile von schnellem Laden und Offline -Vorgängen genießen.
Erfüllen Sie unbekannte Entwickler unbegrenzte Erlaubnis, auf Ihren Website -Code zuzugreifen? Gewohnheit? Warum also Widgets von Drittanbietern wie Social Media-Teilen von Schaltflächen und Diskussionsforen vertrauen? Während diese Widgets die Sicherheit selten beeinträchtigen, sollten Sie überprüfen, welche versteckten Ressourcen sie laden, und die Auswirkungen auf die Leistung bewerten.
kostenlose und kommerzielle WordPress -Themen sind finanziell sinnvoll. Warum einen Entwickler einstellen, wenn ein vorgefertigtes Thema alle Ihre Bedürfnisse für ein paar Dollar erfüllt? Aber seien Sie vorsichtig mit versteckten Kosten. Eine universelle Vorlage muss Tausende von Kopien verkauft werden, bevor die Entwicklungsbemühungen wiederhergestellt werden können. Um Käufer anzulocken, bündeln Entwickler viele Funktionen, die Sie möglicherweise nie benötigen. Überprüfen Sie einen: Sieht das Thema gut aus? Überprüfen Sie 2: Wie funktioniert das Thema auf verschiedenen Geräten und Netzwerken? Siehe auch: 10 Merkmale erweiterter WordPress -Themen.
Vereinfachen Sie Ihre WebsiteÄndern Sie Ihren Entwicklungs -Lebensstil
Andere Vorschläge:
häufig gestellte Fragen zur Verbesserung der Leistung von WordPress -Themen
Die Optimierung von WordPress -Themen für eine bessere Leistung beinhaltet mehrere Schritte. Wählen Sie zunächst ein leichtes Thema, das für Geschwindigkeit entwickelt wurde. Vermeiden Sie die Verwendung von Themen, die Funktionen laden, die Sie nicht benötigen, da diese Funktionen Ihre Website verlangsamen. Zweitens verwenden Sie ein gutes Cache -Plugin. Dadurch wird eine Version Ihrer Website auf dem Server gespeichert und sie den Besuchern zur Verfügung gestellt, wodurch die Arbeit, die der Server ausführen muss, verringert. Drittens optimieren Sie Ihre Bilder. Große, hochauflösende Bilder können Ihre Website verlangsamen. Verwenden Sie daher das Bildoptimierungs-Plugin, um die Bildgröße zu verringern, ohne die Qualität zu verlieren.
Es gibt mehrere häufige Probleme, die dazu führen können, dass WordPress -Websites langsamer werden. Zu diesen Problemen gehören langsame Hosting -Anbieter, keine Verwendung von Inhaltsverteilungsnetzwerken (CDNs), übermäßige Plugins, große Bilder und keine Verwendung von Cache -Plugins. Es ist wichtig, die Leistung Ihrer Website regelmäßig zu überwachen und Probleme zu lösen, die auftreten.
Suchen Sie bei der Auswahl eines WordPress -Themas nach einem leichten und für Geschwindigkeit konzipiert. Vermeiden Sie die Verwendung von Themen mit vielen Funktionen, die Sie nicht benötigen, da diese Ihre Website verlangsamen. Überprüfen Sie außerdem die Bewertungen und Kommentare für das Thema, um festzustellen, ob andere Benutzer Probleme mit ihrer Geschwindigkeit gestoßen haben.
CDN (Content Distribution Network) kann die Leistung von WordPress -Websites erheblich verbessern. Es funktioniert, indem es eine Kopie Ihrer Website auf Servern auf der ganzen Welt speichert. Wenn Benutzer Ihre Website besuchen, serviert der CDN Inhalte vom Server, die ihnen am nächsten stehen, und verringert die Zeit, die zum Laden von Inhalten benötigt wird.
Sie können Bilder auf Ihrer WordPress -Website mithilfe des Image -Optimierungs -Plugins optimieren. Diese Plugins verringern die Größe des Bildes, ohne Qualität zu verlieren, was die Ladezeit der Website erheblich verbessern kann. Sie können Bilder auch manuell optimieren, bevor Sie sie hochladen, indem Sie ihre Auflösung reduzieren oder komprimieren.
Während Plugins WordPress -Websites nützliche Funktionen hinzufügen können, können zu viele Plugins die Website verlangsamen. Jedes Plugin fügt einen Code hinzu, den Ihre Website laden muss, wodurch die Ladezeit erhöht wird. Es ist wichtig, nur die Plugins zu verwenden, die Sie wirklich benötigen, und regelmäßig alle Plugins zu überprüfen und zu löschen, die Sie nicht mehr benötigen.
Sie können eine Vielzahl von Tools verwenden, um die Leistung Ihrer WordPress -Website zu überwachen. Diese Tools umfassen Google PageSpeed Insights, GTMetrix und Pingdom. Diese Tools können wertvolle Einblicke in die Leistung Ihrer Website liefern und alle Probleme identifizieren, die angegangen werden müssen.
Ihr Hosting -Anbieter spielt eine wichtige Rolle bei der Leistung Ihrer WordPress -Website. Wenn Ihr Hosting -Anbieter langsame Server hat, ist Ihre Website auch langsam. Es ist wichtig, einen Hosting -Anbieter auszuwählen, der schnelle und zuverlässige Dienste anbietet.
Reduzierung der Anzahl der HTTP -Anforderungen auf einer WordPress -Website kann die Ladezeit erhöhen. Dies kann durch Kombinieren von CSS und JavaScript -Dateien, mit Sprite -Bildern und der Reduzierung der Anzahl der auf der Seite angezeigten Beiträge erfolgen.
Browser Caching kann die Leistung Ihrer WordPress -Website erheblich verbessern, indem eine Version Ihrer Website im Browser des Benutzers gespeichert wird. Dies bedeutet, dass der Benutzer, wenn er Ihre Website überarbeitet, schneller geladen wird, da der Browser nicht alles herunterladen muss. Sie können das Caching des Browsers aktivieren, indem Sie ein Cache -Plugin verwenden oder Code in die .htaccess -Datei hinzufügen.
Das obige ist der detaillierte Inhalt vonSo verbessern Sie die Leistung Ihres WordPress -Themas. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!