8 Tipps zur Beschleunigung Ihrer Website

Aktualisiert: 07. Juli 2020 / Artikel von: Timothy Shim

Auch wenn es nichts anderes gibt, worüber ich mir sicher bin, eine Sache ist sicher - Sie haben schon einmal eine schmerzlich langsame Website in Ihrem Leben gesehen. Wenn Ihnen das bekannt vorkommt, lassen Sie mich einige Tipps weitergeben, die ich in den letzten Jahren erhalten habe und die Ihnen helfen können, Ihre Website zu beschleunigen.

Wenn Sie nicht sicher sind, ob die Geschwindigkeit Ihrer Website für Sie wichtig ist, denken Sie an die Zeit zurück, in der Sie ein Browserfenster geschlossen haben, während Sie auf das Laden einer Website warten. Tatsache ist, dass 53% der Leute eine Website verlassen, die mehr als 3 Sekunden zum Laden braucht.

Der Leistung Ihrer Website wichtig und es spielt eine Rolle bei der Beeinflussung Ihrer Suchmaschinen-Rankings. Zum Beispiel bevorzugt Google schnelle Websites und gibt diese höheren Platzierungen in den Suchergebnissen.

Durchschnittliche Ladezeit der Webseite in verschiedenen Branchen (Quelle).

Testen Sie die Geschwindigkeit Ihrer Website

Es gibt eine breite Palette von Optimierungen, die Sie an Ihrer Site vornehmen können, um die Leistung zu verbessern. Einige sind möglicherweise so einfach wie das Umschalten von Optionen, während andere stärker involviert sind. Wenn Sie sie jedoch in Betracht ziehen, kann der gesamte Vorgang einige Zeit dauern.

Es ist am besten, wenn Sie einen langsamen, progressiven Ansatz zur Leistungsverbesserung wählen, anstatt alle Änderungen auf einmal vorzunehmen. Wie bei allem, was auf Technologie basiert, besteht die Möglichkeit, dass etwas schief geht.

Wenn Sie Änderungen im Laufe der Zeit implementieren und zusammen mit Tests dokumentieren, ist es einfacher, alle von Ihnen vorgenommenen Änderungen zu identifizieren, die dazu führen können, dass Ihre Site nicht mehr verfügbar ist oder abstürzt. Glauben Sie mir - es wird irgendwann passieren.

Testen Sie zunächst, wie schnell Ihre Website zuerst geladen wird. Einige empfohlene Tools sind:

  • WebPageTest: Erfassen Sie die Webseitenleistung von echten Browsern, auf denen gängige Betriebssysteme ausgeführt werden.
  • Pingdom: Hilft bei der Analyse und der Suche nach Engpässen in einer Website-Performance.
  • GTmetrix: Analysieren und bieten Sie umsetzbare Erkenntnisse darüber, wie Sie die Geschwindigkeit einer Webseite am besten optimieren können.
  • Bitcatcha: Überprüfen Sie die Website-Geschwindigkeit aus acht Ländern.
Mithilfe eines Website-Geschwindigkeitstesters können Sie herausfinden, wie gut Ihre Website derzeit optimiert ist.

Hier sind die Tipps, um Ihre Website zu beschleunigen…

1. Wählen Sie einen großen Web-Host

Durch meine Erfahrung, Web-Hosting ist vielleicht eine der wichtigsten Entscheidungen, die Sie treffen müssen, wenn Hosting einer Website. Es gibt Webhosts und dann gibt es Ausgezeichnet Web-Hosts. Jeder Web-Host wird verschiedene Funktionen haben, achten Sie also auf Schlüsselelemente wie proprietäre Caching-Technologien, Solid-State-Laufwerke oder die Kontrolle über kritische Bereiche wie NGINX.

Ich kann das nicht genug betonen. Ihre Wahl des Webhosts ist von entscheidender Bedeutung. Wenn Sie nicht mit ihnen vertraut sind, werfen Sie einen Blick auf unsere umfassende Bewertungen von Top-Web-Hosts um Sie zu einer fundierten Entscheidung zu führen.

Ich kann Ihnen nur empfehlen, darüber nachzudenken Wechsel zu einem besseren Webhost wenn Sie feststellen, dass Ihr TTFB durchweg zu hoch ist.

Sehen Sie sich unsere Liste der besten Webhosting-Unternehmen an, die auf realen Daten und Anwendungsfällen basieren.

2. Verkleinerung: Kleiner ist besser

Es ist üblich, dass Websites heutzutage mit Javascript- und CSS-Dateien überfüllt sind. Dies erzeugt eine Menge HTTP-Anfragen während eines Besuches, was Ihre Website erheblich verlangsamen kann. Hier kommt die Minification ins Spiel.

Das Reduzieren Ihrer Javascript- und CSS-Dateien erfolgt durch Kombinieren aller Ihrer Skripte in einer einzigen Datei (von jedem Typ). Dies ist keine leichte Aufgabe, aber keine Sorge, es gibt WordPress-Plugins, die das für Sie erledigen können.

Versuchen Sie einen der folgenden Schritte: Autoptimize, Schnelle Geschwindigkeit verringern or Zusammenführen + Verkleinern + Aktualisieren

Die Verkleinerung kann dazu führen, dass dein Code durcheinandergeworfen wird - sei nicht alarmiert! Das ist normal.

3. Folge dem KISS-Prinzip

Dies wird von den meisten Web-Gurus normalerweise nicht gelehrt, aber ich fand es in vielerlei Hinsicht außerordentlich nützlich. KISS ist eine Abkürzung für "Keep it simple, dumm". Es wurde in den 1960er Jahren von einem klugen Kerl geprägt, der die Effizienz einfacher Systeme betonte.

Als Faustregel gilt das für fast alles im Leben - auch beim Einrichten von Websites. Durch die Vermeidung übermäßig komplexer Implementierungen und Designs profitieren Sie von einer Website, die schnell und vor allem einfach zu verwalten und zu warten ist.

Design & Visuals

Indem ich Design und Optik einfach halte, meine ich hauptsächlich die Reduzierung des Overheads. Eine Website mit riesigen, atemberaubenden Bildern und atemberaubenden Videos lädt sich wahrscheinlich so schnell wie ein Faultier an einem schlechten Tag. Halten Sie es ordentlich und sauber und versuchen Sie, das Laden von Videos und Bildern auf verschiedene Seiten aufzuteilen.

Code & Plugins

WordPress ist so eine wunderbare Sache, weil es sehr modular und doch so einfach zu bedienen ist. Egal, was Sie tun wollen, ist es wahrscheinlich, dass jemand hat habe bereits ein Plugin dafür entworfen.

So aufregend das klingt, hüte dich davor, deine Seite mit Plugins zu überladen. Denken Sie daran, dass jedes Plugin von verschiedenen Leuten (und wahrscheinlich von verschiedenen Firmen) entworfen wird. Ihr Zweck besteht darin, ein bestimmtes Ziel zu erreichen, und nicht die Leistung Ihrer Website zu optimieren.

Wenn Sie können, vermeiden Sie Plugins für Dinge, die Sie selbst verwalten können. Nehmen Sie zum Beispiel ein Plugin, mit dem Sie Tabellen in Ihren Text einfügen können. Sie können leicht einen einfachen HTML-Code lernen, um Tabellen zu zeichnen, anstatt dafür ein Plugin verwenden zu müssen, oder?

Einige einzelne Plugins können Ihre Website erheblich verlangsamen. Führen Sie daher bei jeder Installation eines neuen Plugins einen Geschwindigkeitstest durch!

4. Nutzen Sie Content Delivery Networks

Content Delivery Networks sind für mich ein Geschenk der Götter. Unternehmen wie Cloudflare an LimeLight-Netzwerke Verdienen Sie Ihren Lebensunterhalt, indem Sie anderen Menschen dabei helfen, stabile und schnelle Inhalte über Server-Netzwerke auf der ganzen Welt zu erhalten.

Mit einem CDN können Sie Ihre Webseiten viel schneller bedienen und die Ladegeschwindigkeit verbessern, egal wo auf der Welt Ihre Besucher herkommen.

Abgesehen davon bietet die Verwendung eines CDN auch zusätzlichen Schutz vor bösartigen Angriffen wie Verteilter Denial-of-Service (DDoS).

Wenn Sie der Besitzer einer kleinen Website sind, dann hat Cloudflare eine kostenlose Option, die Sie verwenden können, die funktioniert gut. Unternehmen und größere Websites müssen zahlen, um auf einen besseren Plan zu kommen, aber angesichts der Bedürfnisse eines CND ist es den Preis wert!

5. Verwenden Sie Caching

Caching ist genau so, wie es sich anhört - statische Dateien werden gespeichert, damit Ihre Website bei Ihren Besuchern von zuvor erstellten Seiten teilen kann, sodass die Bearbeitungszeit verkürzt wird. In den meisten Fällen interessiert Sie das serverseitige Caching.

Die effizienteste Möglichkeit, serverseitiges Caching zu implementieren, besteht in den Einstellungen in Ihrem Apache or NGINX Server. Sie müssen diese Dokumente durchgehen und die richtigen Einstellungen finden, die Ihnen helfen, Ihr Server-Caching einzustellen.

Die Regel von Thumbs ist, dass alles, was viel Server-Support-Arbeit (Verarbeitung) benötigt, wenn möglich zwischengespeichert werden sollte.

Wenn es zu komisch für dich wird, sind Plugins eine andere Option, aber auch hier empfehle ich dir nicht, darauf zurückzugreifen.

6. Bilder Schweinebandbreite, optimieren Sie Ihr!

Dies ist ein bisschen eine Erweiterung meiner früheren Tirade gegen massive Bilder und Videos nach dem KISS-Prinzip. Angesichts dessen verstehe ich, dass Visuals der Schlüssel sind, um eine Site hübsch aussehen zu lassen. Da wir ihre Verwendung nicht vollständig vermeiden können, sollten wir sicherstellen, dass die von Ihnen verwendeten Bilder so optimiert wie möglich sind.

Webinhalte sind größtenteils einfach, auch wenn es um Bilder geht. Die meisten Webseiten, die ich wie schwärende Schweine gesehen habe, werden oft von riesigen Bildern heruntergezogen, die keinem wirklichen Zweck dienen.

Ich sage nicht, dass Sie keine größeren Bilder haben können, aber stellen Sie sicher, dass sie richtig optimiert sind, bevor Sie sie hochladen.

Es gibt zwei Möglichkeiten, wie Sie dies tun können. Auch hier ist das erste über ein Plugin wie WP Smush. Die Alternative, oder für diejenigen, die nicht WordPress verwenden, ist ein Bildoptimierungs-Tool von Drittanbietern wie image Compressor or JPEG-Optimierer.

Mit den meisten Bildoptimierungswerkzeugen können Sie die Auflösungsdetails Ihrer Bilder optimieren, so dass Sie sie allmählich abschwächen können. Sie werden dem ungeübten Auge ziemlich ähnlich sehen, aber viel kleiner.

Diese werden in Bereiche eines HD-Bildes gezoomt (links). Das Original war 2.3MB und nach der Optimierung wurde das auf 331kb reduziert!

7. Verwenden Sie die gzip-Komprimierung

Wenn Sie von der Bildkomprimierung oder der Archivierung (ZIP oder RAR) gehört haben, werden Sie wahrscheinlich mit der Theorie der gzip-Komprimierung vertraut sein. Dies komprimiert Ihren Website-Code und führt zu Geschwindigkeitssteigerungen von bis zu 300% (die Ergebnisse variieren).

Selbst für etwas so technisches wie das, können Sie direkt loslegen und ein Plugin wie verwenden PageSpeed ​​Ninja. Es gibt jedoch eine viel effizientere Methode, die nur die Bearbeitung Ihrer .htaccess-Datei erfordert.

Fügen Sie den folgenden Code zu Ihrer .htaccess Datei hinzu und Sie werden eingestellt:

# Komprimieren Sie HTML, CSS, JavaScript, Text, XML und Schriftarten. AddOutputFilterByType DEFLATE-Anwendung / Javascript AddOutputFilterByType DEFLATE-Anwendung / rss + xml AddOutputFilterByType DEFLATE-Anwendung / vnd.ms-fontobject AddOutputFilterByType DEFLATE-Anwendung / x-font-otf AddOutputFilterByType DEFLATE-Anwendung / x-font-truetype AddOutputFilterByType DEFLATE-Anwendung / x-font-ttf AddOutputFilterByType DEFLATE-Anwendung / x-javascript AddOutT Opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType DEFLATE font / ttf AddOutputFilterByType DEFLATE image / svg + xml AddOutputFilterByType DEFLATE image / x-icon AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEF LATE text / plain AddOutputFilterByType DEFLATE text / xml

* Hinweis: Stellen Sie sicher, dass Sie diesen Code unter dem aktuell in Ihrer .htaccess-Datei enthaltenen Code hinzufügen.

8. Redirects reduzieren

Normalerweise akzeptieren Browser verschiedene Arten von Adressen, die wiederum von Ihrem Server in offizielle Adressen übersetzt werden. Nimm zum Beispiel www.example.com und beispiel.com. Beide können zur selben Site gehen, aber eine erfordert, dass Ihr Server sie an die offiziell erkannte Adresse umleitet.

Diese Umleitung beansprucht einige Zeit und Ressourcen. Sie sollten also sicherstellen, dass Ihre Website nicht mehr als eine Umleitung erreichen kann. Benutze das Weiterleitungsmapper um zu sehen, ob du es richtig machst.

Angesichts der Komplexität dieses Rechtes und der damit verbundenen Zeit ist dies eine Zeit, in der ich die Verwendung eines Plugins wie z Redirection.

Wie schnell ist schnell genug?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight ist ein guter Maßstab dafür, wie der Suchriese die Leistung Ihrer Website sieht.

Abgesehen von der Besuchererfahrung wirkt sich die Leistung Ihrer Website auch auf Ihre Sichtbarkeit in Suchrankings aus. Da der König der Suche Google ist, ist dies die Leiste, die Sie anstreben möchten. Demnach sollten Websites idealerweise innerhalb von drei Sekunden geladen werden.

Leider erfüllen viele Websites diesen Benchmark immer noch nicht. Tatsächlich habe ich einige Websites gemessen, deren Laden schockierend 5 bis 6 Minuten dauert. Wenn das Laden Ihrer Website jedoch länger als 7 Sekunden dauert, ist dies für Google bereits viel zu lang.

Schnellere Websites halten Besucher (und Google) glücklich

Breitband-Geschwindigkeiten heute, sogar auf dem Handy, haben sich um so viel erhöht und werden noch mehr zunehmen. Das bedeutet, dass den Website-Betreibern nur noch sehr wenig Entschuldigung dafür bleibt, dass ihre Besucher mit langsamen Lade-Sites konfrontiert werden.

Glaub mir, du wirst weiterhin Besucher verlieren und irgendwann einen so schlechten Ruf haben, dass du als "Oh, DASS Webseite". Wenn Sie in einem Online-Geschäft sind, macht es noch schlimmer, da Sie Ihre eigene goldene Gans töten werden.

Während die oben genannten 8-Tipps keineswegs das A und O sind, sollte es Ihnen einen Anfang und einige Ideen geben, wie Sie die Dinge ein wenig besser verwalten können. Beschleunigen Sie Ihre Website heute und behalten Sie Ihre Kunden oder Besucher.

Schluss nicht als DASS Webseite.

Über Timothy Shim

Timothy Shim ist ein Schriftsteller, Redakteur und Tech-Geek. Er begann seine Karriere auf dem Gebiet der Informationstechnologie und fand schnell seinen Weg in die Printmedien. Seitdem arbeitet er mit internationalen, regionalen und einheimischen Medientiteln wie ComputerWorld, PC.com, Business Today und The Asian Banker zusammen. Seine Expertise liegt im Bereich der Technologie sowohl aus Sicht der Verbraucher als auch der Unternehmen.