Wenn Sie wirklich mit dem Bloggen beginnen, gibt es viel zu bedenken. Das Betreiben einer Website erfordert Ihre Aufmerksamkeit auf vielen Ebenen – Inhalt, Marketing, Design und so weiter.
Vor diesem Hintergrund ist es keine große Überraschung, dass Sie einige der Grundlagen der Führung eines Blogs aus den Augen verlieren können. Ich nenne dies das „One Year Itch“. Der Zeitpunkt, an dem Sie sich so sehr in den täglichen Betrieb Ihrer Website eingelassen haben, dass Sie einige der wichtigsten Dinge vergessen.
Das ist genau die Position, in der ich mich vor kurzem befand, aber zum Glück bin ich aus dem Wald zurückgetreten, um die Bäume zu sehen, und habe mich wieder auf den richtigen Weg gebracht. In diesem Beitrag möchte ich Ihnen erklären, was Sie möglicherweise aus den Augen verloren haben und wie Sie die Dinge wieder in Ordnung bringen.
Ich spüre das Bedürfnis nach Geschwindigkeit
Ich habe eine gesunde Besessenheit von Geschwindigkeit. Seitenladegeschwindigkeit um genauer zu sein (nicht ganz so glamourös wie Top Gun, zugegeben, aber nicht weniger wichtig für diese Tatsache).
Ich verstehe die Auswirkungen, die die Ladegeschwindigkeit auf die Benutzererfahrung und letztendlich auf Ihr Endergebnis haben kann. Tatsächlich haben wir hier im Themelocal schon oft darüber geschrieben, wie man die Geschwindigkeit der Website erhöht.
Und doch hatte ich die Bedeutung der Seitenladegeschwindigkeit auf meinem eigenen Blog aus den Augen verloren. Ich war so mit dem täglichen Betrieb meines Blogs beschäftigt, dass ich die Bereitstellung einer qualitativ hochwertigen Benutzererfahrung auf der grundlegendsten Ebene (dh wie schnell die Seite geladen wird) aus den Augen verloren hatte. Nach fast zwei Jahren war mein Blog aufgrund meiner Besessenheit vom Optimieren festgefahren und es zeigte sich wirklich.
Die Grundlagen richtig machen
Nachdem ich meinen Fehler erkannt hatte, überprüfte ich, ob ich die einfachen Dinge noch richtig machte. Das bringt mich zurück zu meinem ursprünglichen Artikel hier auf Themelocal über die Geschwindigkeit der Website, in dem ich Folgendes behandelt habe:
- Standortgeschwindigkeit messen
- Caching
- Bildoptimierung
- Faules Laden
Dies nenne ich gerne die „niedrig hängenden Früchte“, wenn es um die Verbesserung der Website-Geschwindigkeit geht. Sie sind schnell und einfach zu implementieren. Aber ich wusste, dass ich einige grundlegendere Probleme hatte, wenn es um die Ladegeschwindigkeit meiner Site ging. Es war an der Zeit, ein wenig tiefer zu graben.
Wenn Sie sich der Optimierung Ihrer Site schuldig gemacht haben, haben Sie möglicherweise redundante und/oder unwürdige Elemente auf Ihren Webseiten, die Ihre Site dramatisch verlangsamen. Dies ist, was ich zu dem Fall für mich gefunden habe. Lesen Sie weiter, um herauszufinden, was Ihnen möglicherweise fehlt.
Die Nebenwirkungen von endlosem Tweaking
Mein erster Schritt war, zu Pingdom und teste die Ladezeit meiner Homepage. Es war nicht schön – die Ladezeit betrug etwa 5 Sekunden – laut ihren Statistiken langsamer als etwa 80% anderer Websites.
Als ich jedoch mit meinen Optimierungen fertig war, war das Ergebnis viel besser:
Der Prozess, den ich durchlief, um die Geschwindigkeit meiner Website zu verbessern, war äußerst einfach. Wenn Sie Ihre eigene Site über Pingdom betreiben, erhalten Sie einen ähnlichen Bericht wie oben, aber was Sie unten finden, interessiert uns wirklich:
Dies ist ein Teil einer Liste aller Anfragen zum Laden meiner Site – im Wesentlichen die Anzahl der verschiedenen Dateien, die geladen wurden, um die Webseite vollständig zu erstellen. Standardmäßig werden sie nach der Reihenfolge sortiert, in der sie geladen wurden (das ist normalerweise die Reihenfolge, in der sie im Quellcode der Seite aufgerufen werden), was eine logische Reihenfolge ist, aber für uns nicht die nützlichste.
Klicken Sie einfach auf das Dropdown-Feld oben in der Liste und wählen Sie „Nach Dateigröße sortieren“. Jetzt haben Sie eine Liste der Dateien, die Ihrer Site das Leben aussaugen, in der Reihenfolge ihrer Blödheit (in Ermangelung eines treffenderen Wortes):
Beim Sortieren der Liste werden Sie möglicherweise feststellen, dass einige Anforderungen völlig überflüssig sind. Sie werden möglicherweise auch feststellen, dass Anfragen gestellt werden, die die Belastung Ihrer Website einfach nicht wert sind. Der Himmel ist jetzt wirklich die Grenze, wenn es darum geht, Ihre Website auf eine schlankere Form zu reduzieren.
Mit diesen neuen Informationen können Sie damit beginnen, Dateien zu entfernen und zu optimieren, die mehr Ärger machen, als sie wert sind.
Klingeln der Änderungen
Auf der Grundlage, dass Sie die oben beschriebenen grundlegenden Verbesserungen der Website-Geschwindigkeit bereits durchgeführt haben, müssen wir die Ärmel hochkrempeln und uns ein wenig schmutziger machen.
Bereinigen Sie Ihre Plugins
Meine erste Empfehlung wäre, sich Ihre Plugins anzusehen. Wenn Sie Ihre Site schon eine Weile betreiben, werden Sie sicherlich feststellen, dass auf Ihrer Site Plugins installiert sind, die Sie nicht einmal mehr verwenden. Alternativ und/oder zusätzlich finden Sie möglicherweise Plugins, die Sie tun die nutzung lohnt sich kaum.
Obwohl ich der Erste wäre, der sagt, dass die Anzahl der Plugins, die Sie auf Ihrer Site installiert haben, nicht der Hauptfaktor ist (es ist die Last, die diese Plugins auf Ihrer Site verursachen), kann man fairerweise sagen, dass je weniger Plugins Sie haben installiert, desto wahrscheinlicher ist es, dass Sie einem ressourcenintensiven Prozess zum Opfer fallen.
Ich würde empfehlen, dass Sie den Plugin Performance Profiler installieren und starten. Diese kleine Schönheit scannt mehrere Seiten Ihrer Website und liefert eine Schätzung der Auswirkungen jedes Plugins auf Ihre Gesamtladegeschwindigkeit. So sah mein Bericht aus:
Ich empfehle Ihnen, 3-4 Berichte zu erstellen, um ein besseres Gesamtbild der Leistung zu erhalten, da die Ergebnisse variieren können. Wir suchen hier nicht wirklich nach genauen Zahlen – eher ein klarer Hinweis auf Plugins, die sich als eine große Belastung für die Ressourcen erweisen.
Der nächste logische Schritt besteht darin, zu entscheiden, ob Sie die Deinstallation eines Ihrer Plugins rechtfertigen können. Letztendlich sollte es eine Entscheidung sein, die auf Ihrem Wunsch basiert, eine qualitativ hochwertige Benutzererfahrung zu bieten – die durch die Plugins eingeführten Vorteile müssen die zusätzliche Ladezeit aufwiegen.
Bereinigen Sie Ihre manuellen Code-Optimierungen
Wenn Sie manuelle Änderungen an den PHP-Dateien Ihres Themes vorgenommen haben, hoffe ich, dass Sie dies mit einem Child-Theme getan haben, andernfalls wird dieser Vorgang möglicherweise ein wenig Kopfschmerzen bereiten. Wenn nicht, sollte Ihr erster Schritt darin bestehen, ein untergeordnetes Thema zu erstellen und alle Ihre benutzerdefinierten Themendateien darin zu verschieben.
Unter der Annahme, dass Sie ein untergeordnetes Thema haben (auf die eine oder andere Weise), besteht Ihre Aufgabe nun darin, jede Datei im Ordner Ihres Themas durchzugehen und zu überprüfen, ob darin kein redundanter Code enthalten ist. Folgendes habe ich in meinen Dateien gefunden:
- Verweise auf Google-Schriftarten, die ich nicht mehr verwende (tatsächlich habe ich das nie getan – ich habe nur daran herumgespielt).
- Ein Stück Code für einige Social-Sharing-Buttons auf einer Seite meines Blogs, das auf jeder einzelnen Seite geladen wurde.
- Ein Code für eine Facebook-„Likebox“, der weit mehr Ressourcen beanspruchte, als er rechtfertigte.
- Einige benutzerdefinierte Funktionen in meiner Datei functions.php, die nicht mehr verwendet wurden.
In einigen Fällen können Sie diese Elemente ohne negative Nebenwirkungen entfernen. In anderen Fällen möchten Sie vielleicht die Funktionalität beibehalten, die Ihre Optimierungen eingeführt haben. Wenn sie besonders ressourcenintensiv sind, würde ich Ihnen empfehlen, sich das anzusehen asynchrones Laden Dadurch wird sichergestellt, dass potenziell gierige Skripte nicht das Laden des Rests der Seite verhindern.
Optimieren Sie Ihre Bilder
Es gibt Bilder, die auf jeder Seite Ihrer Website geladen werden, z. B. in Ihrer Seitenleiste und Ihrem Logo. Es lohnt sich, darauf zu achten, dass diese so klein wie möglich sind, da ihre Gesamtgröße ziemlich groß sein kann.
Der Optimierungsprozess sollte in zwei Phasen unterteilt werden:
- Verlustbehaftete Optimierung: Speichern Sie Ihre Datei mit einer Grafikbearbeitungssoftware Ihrer Wahl mit der größtmöglichen verlustbehafteten Optimierung, die Sie ertragen können (gilt nur für JPEG). Ich habe festgestellt, dass das Speichern eines Bildes mit 70-80% Optimierung ein schöner Sweet Spot ist.
- Verlustfreie Optimierung: Führen Sie Ihre Bilder durch ein Plugin wie Smush-Bildkomprimierung damit sie ohne verlust der bildqualität noch weiter komprimiert werden.
Die Optimierung Ihrer Bilder kann einen großen Unterschied machen, ohne erkennbare Auswirkungen auf die Benutzererfahrung zu haben, daher ist es ein Kinderspiel.
Weitere Schritte
Mit den oben genannten Maßnahmen sollten Sie die Ladegeschwindigkeit drastisch reduzieren können, aber Sie können natürlich noch weiter gehen.
Zum Beispiel können Hosting und Inhaltsbereitstellung einen großen Unterschied bei den Ladezeiten machen. Eine Website, die auf einem gemeinsam genutzten Server gehostet wird, wird niemals mit einer Website, die auf einem dedizierten Server gehostet wird, der mit einem CDN-Netzwerk verbunden ist, fertiggestellt. Unser eigener AJ Clarke empfiehlt das CloudFlare Community zur Erhöhung der Ladegeschwindigkeit und Erhöhung der Sicherheit.
Es liegt nicht im Rahmen dieses Beitrags, auf die Vor- und Nachteile verschiedener Hosting-Anbieter einzugehen, daher würde ich Ihnen raten, zunächst die in diesem Beitrag empfohlenen Optimierungen vorzunehmen. Wenn Sie Lust auf mehr haben, wenden Sie sich an Ihren Hosting-Provider und bitten Sie ihn um Rat zur Verbesserung Ihres Hosting-Pakets und/oder zur Integration von CDN.
Wenn Sie Fragen haben, feuern Sie bitte im Kommentarbereich unten ab!