Trimmen Sie den aufgeblähten Zustand Einen anderen Blick darauf werfen

In dieser ganzen Serie haben wir verschiedene Strategien untersucht, um unsere WordPress-Installationen so schlank wie möglich zu halten. Dabei haben wir über einige praktische Tipps gesprochen, die unabhängig von der Art Ihres Projekts zu befolgen sind. 

In diesem Beitrag werden wir alles, was wir in der Serie behandelt haben, zusammenfassen, um einen Leitfaden mit einer einzigen Seite zu den Tipps zu geben, die wir behandelt haben, und einen Hinweis auf die Reste des Posts in dieser Serie.

Schneiden Sie die Aufblähung

In dieser ganzen Reihe wurde immer wieder auf die Verantwortung hingewiesen, die wir gegenüber unseren Besuchern haben. Ich bin überzeugt, dass wir als Entwickler eine bessere Arbeit machen müssen. 

Ich bin der Meinung, dass wir mehr Zeit darauf verwenden sollten, darüber nachzudenken, was wir für unsere Verbraucher im Internet betreiben, und dass wir gemeinsam Anstrengungen unternehmen, um unsere Arbeit hinsichtlich Geschwindigkeit und Effizienz für alle Geräte zu optimieren mit denen die Menschen unsere Arbeit sehen können.

1. Der Weg zur Blähung

Im ersten Beitrag der Serie haben wir uns angesehen, wie Standorte angefangen haben und wie sie sich in den letzten Jahrzehnten verändert haben. 

Es sei daran erinnert, dass die durchschnittliche Größe einer Website in den letzten drei Jahren um 235% gestiegen ist. Darüber hinaus werden mobile Benutzer zu einem deutlich größeren Teil der Besucher unserer Website. Je größer Ihre Website, desto länger dauert es, bis sie die Daten verbrauchen. 

Versuchen Sie, mit weniger mehr zu erreichen. 

Um den Beitrag zusammenzufassen: Schreibe Reinigercode. Seien Sie klug, was Sie verwenden. Investieren Sie ein wenig mehr Zeit, wenn Sie Ihre Designs, Plugins oder Ihre Site schreiben oder erstellen. Sie benötigen letztendlich weniger Zeit, um Ihre Arbeit aufrechtzuerhalten. Noch wichtiger ist, dass Ihre Benutzer weniger Zeit benötigen, um die Website in ihren Browser zu laden, und im Idealfall mehr Zeit für die Website haben. 

2: Halten Sie es schlank

Im zweiten Artikel der Serie haben wir uns die verschiedenen Komponenten unserer Standorte angesehen, um zu prüfen, ob wir alles benötigen, was wir installiert haben. 

Wir fragten:

  • Machst du Ja wirklich brauche das Plugin? 
  • Machst du Ja wirklich brauche das Bild?
  • … und so weiter.

Denken Sie daran: Weniger ist mehr.

Ein großer Teil unseres Handelns bestand darin, weise Entscheidungen darüber zu treffen, was wir zur Erstellung unserer Website verwenden werden. Einfach ausgedrückt, wir sollten Zeit damit verbringen, zu planen und darüber nachzudenken, was wir tun werden. 

Fügen Sie nicht einfach Sachen hinzu, bis Sie alles haben, was Sie wollen, und drücken Sie die Daumen. Obwohl es funktionieren kann, ist das kein Zeichen für gutes Design oder gute Umsetzung. Verwenden Sie, was Sie brauchen, und nur das. 

Der einfachste Weg, dies zu tun, besteht immer darin, zu planen, was Sie langfristig tun möchten, und sicherzustellen, dass jeder Meilenstein der Entwicklung mit diesem Plan übereinstimmt.

3. Schneiden Sie es herunter

Im dritten Artikel haben wir Ängste verschoben und speziell über WordPress-Themes und Plugins gesprochen. Insbesondere haben wir uns einige Beispiel-HTML-Dateien angesehen, die in einem Design generiert wurden, bevor ich mit der Arbeit begann und nachdem ich sie optimiert hatte. 

Viele Websites und Designs sind heutzutage großflächig mit Clearing-Elementen, Wrappern und so weiter. Die tatsächlichen Kosten scheinen vernachlässigbar, kaum erwähnenswert zu sein, aber wenn Sie alles zusammenfassen, fasst es zusammen. Ganz zu schweigen davon ist die Pflege des Codes etwas komplizierter, insbesondere wenn die Elemente über mehrere Vorlagen verteilt sind.

Gleiches gilt für Plugins: Weniger verwenden, mehr tun. Wählen Sie das richtige Plugin für den Job aus und stellen Sie sicher, dass es das tut, was Sie brauchen, und am besten wenig mehr.

4. Optimierung ist der Schlüssel

Es wird oft angenommen, dass Optimierung am Ende eines Projekts stattfindet. Oft denken wir oft daran, unsere Skripte zu minimieren, unsere Stylesheets zu komprimieren und zusammenzuführen und so weiter. In der Realität sollten wir jedoch von Anfang an eine Optimierung durchführen.

Am Ende ist es viel effizienter zu optimieren, wenn Sie von Anfang an alles richtig gemacht haben. Behalten Sie alles am richtigen Ort: CSS bleibt in Stylesheets, JavaScript-Quelle bleibt in JavaScript-Dateien und PHP in Markup- und / oder PHP-Dateien. 

Versuchen Sie und vermeiden Sie die Verwendung von Inline-Skripts und -Stilen, da Sie sie wirklich nicht benötigen. Dies trägt zur Trennung der Bedenken bei, die immer zu mehr Kohäsion und besserer Wartbarkeit beitragen.

Alles einpacken

Diese Artikelserie ist keineswegs vollständig. Es war von Anfang an nicht beabsichtigt, eine All-in-One-Referenz für minutiöse Verbesserungen zu sein, die Sie bei der Arbeit an Ihren Projekten vornehmen können.

Stattdessen soll diese Serie einen Überblick über einige der Dinge geben, die wir als Entwickler in den letzten Jahren aus den Augen verloren haben, da die Webentwicklung immer ressourcenschonender wird.

Es ist nie eine schlechte Sache, einen Schritt zu tun und einen anderen Blick auf das zu werfen, was Sie getan haben. Hoffentlich hat sich dieser Leitfaden für Sie als nützlich erwiesen. Wenn Sie jedoch weitere Fragen und / oder Anregungen haben, zögern Sie nicht, einen Kommentar zu hinterlassen!