14 Beleuchtungstricks zur Beschleunigung Ihrer Website

Diese Blog-Serie über die Geschwindigkeit von Websites hat Spaß gemacht.


Bisher haben wir erfahren, dass Amazon 1,6 Milliarden US-Dollar (!) Verlieren würde, wenn seine Website langsamer würde.

Wir haben auch genau erfahren, was sich hinter den Kulissen abspielt, um die Website zu verlangsamen.

Es bringt uns zu unserer natürlichen Schlussfolgerung: Wie genau können Sie die Dinge beschleunigen? Wir decken alles ab, von der Servergeschwindigkeit über die Optimierung bis hin zu einigen Bonus-Extras dazwischen.

Lassen Sie uns zunächst noch einmal zusammenfassen, was zu einer schleppenden Geschwindigkeit führt:

Wenn Sie meine Website hier bei Bitcatcha laden, startet Ihr Browser (Firefox, Safari, Chrome usw.) eine Unterhaltung mit meinem Webserver.

Browser: „Hey Webserver! Können Sie mir bitte alle Kleinigkeiten bringen, um Bitcatcha.com anzuzeigen? “

Server: “Sicher, lass mich sie finden und herüberschicken.”.

Anschließend legt der Webserver alle Website-Teile in einem Tunnel ab und sendet sie an Ihren Browser, um sie zu laden.

Klingt einfach genug, aber Folgendes wird die Dinge verlangsamen:

  • Ein fauler Server, der ewig braucht, um auf Anfragen zu antworten.
  • Ein Server, der gleichzeitig Teile für viele andere Websites verwaltet.
  • Viele große Website-Teile, die jeweils gefunden und durch den Tunnel geschickt werden müssen.
  • Ein belebter Tunnel.

Hier kann viel schief gehen. Wie beschleunigen wir die Dinge??

Beschleunigen Sie Ihre Website

Teil 1: Machen Sie Ihren Server schneller

1. Upgrade auf einen besseren Webhost (dh einen besseren Server)

Ihr Webhost ist das Unternehmen, das den Server bereitstellt. Es ist so, als würden Sie ein Grundstück im Internet mieten, auf dem Sie alle Website-Teile speichern.

Die meisten von uns neigen dazu, das billigste Grundstück zu kaufen, das wir finden. Dies ist jedoch nicht unbedingt eine kluge Lösung.

Günstige Webhosts vermieten Server, die überfüllt und klein sind. Denken Sie daran, dass Ihr Server schnell auf Anfragen reagieren und Ihre Website schnell über den Tunnel an den Browser senden soll.

Hinweis

Schauen Sie sich unsere Liste der schnellsten Webhostings an, basierend auf der Serverantwortzeit.

2. Wechseln Sie vom Shared Hosting zu einem VPS

Günstige Webhoster platzieren Ihre Website zusammen mit unzähligen anderen Websites auf einem Server. Es wird Shared Hosting genannt und bedeutet, dass Sie um Ressourcen kämpfen müssen.

Wenn eine Website plötzlich viel Verkehr hat, wird dies Ihre verlangsamen, während sie die Bandbreite verschlingt.

Durch den Wechsel zu einem VPS (einem virtuellen privaten Server) oder (zumindest einem gemeinsam genutzten High-End-Server wie SiteGround) wird Ihr Webhost eine Ecke des gemeinsam genutzten Servers nur für Sie absperren. Sie müssen sich also keine Sorgen machen, dass andere Websites Ihre Ressourcen stehlen.

3. Stellen Sie den Server näher an Ihre Zielgruppe

Jedes Mal, wenn jemand auf Ihre Website klickt, muss Ihr Server die Informationen physisch an den Computerbildschirm senden.

Wenn sich der Server auf der anderen Seite der Welt befindet, wird dies lange dauern. Wenn Sie wissen, woher der größte Teil Ihres Datenverkehrs stammt, bitten Sie Ihren Webhost, Ihre Website auf einem Server zu platzieren, der Ihrer Hauptzielgruppe am nächsten liegt.

4. Verwenden Sie ein Content Delivery-Netzwerk

Das Problem bei der Annäherung Ihres Servers an eine bestimmte Zielgruppe besteht darin, dass jemand verliert. Wenn Sie Ihren Server nach Kalifornien verlegen, erhalten Ihre australischen Besucher eine langsame Ladezeit. So sind Ihre europäischen Besucher.

Ein Content Delivery Network (CDN) speichert Ihre Daten auf Servern auf der ganzen Welt. Wenn also jemand auf Ihre Website klickt, sendet der nächstgelegene Server die Informationen.

Dies bedeutet, dass Ihre Besucher überall auf der Welt eine superschnelle Geschwindigkeit erreichen. (Als Referenz verwende ich Cloudflare hier in Bitcatcha.)

5. Aktivieren Sie die Einstellung “Keep Alive”

Wenn Ihr Server Ihre Website-Dateien durch den Tunnel sendet, wird jeder Teil separat übertragen. Ihr CSS-Stylesheet, Ihr Logo, jedes Ihrer Bilder usw..

Der effizienteste Weg, dies zu tun, besteht offensichtlich darin, sie alle durch denselben großen Tunnel zu schicken.

Hier kommt die Einstellung “Keep Alive” ins Spiel. Wenn sie aktiviert ist, bleibt der Haupttunnel eingeschaltet und alles wird über dieselbe Verbindung unterbrochen. (Dies ist superschnell.).

Wenn die Einstellung deaktiviert ist, muss für jedes Element ein neuer Tunnel erstellt werden. (Das ist super langsam).

Die meisten Webhosts behalten diese Einstellung bei (was gut ist), aber manchmal schließen gemeinsam genutzte Hosts die Verbindungen ohne Warnung.

Teil 2: Website-Elemente optimieren

Nachdem wir Ihren Server so schnell und effizient wie möglich gestaltet haben, wie optimieren wir die Website-Teile selbst??

6. Reduzieren Sie die Roundtrip-Zeit (RTTs).

Ihr Browser muss derzeit den Server einzeln nach jedem Element fragen. Ihr Logo, dann jedes der Bilder, dann Ihr CSS-Stylesheet.

Die Zeit, die benötigt wird, um es zu erhalten, ist eine Hin- und Rückfahrt.

Je mehr Rundreisen Sie machen müssen, desto länger dauert das Laden der gesamten Website. Es ist, als würde man sein Auto mit Kisten packen und in ein neues Haus bringen.

Je mehr Boxen Sie haben, desto mehr Rundreisen müssen Sie machen. Die Lösung? Reduzieren Sie die Anzahl der Kisten, die Sie nehmen.

Reduzieren Sie die Anzahl der Elemente, die Ihr Server durch den Tunnel senden muss. Weniger Bilder, weniger Code, weniger Plugins.

7. Aktivieren Sie die Komprimierung auf Ihrer Website

Leider ist es nicht nur die Anzahl der Kartons. Es ist, wie schwer sie sind. Wenn alle Ihre Elemente groß und schwer sind, nimmt sie viel Platz in Ihrem Tunnel ein. Sie bewegen sich auch langsamer. Es ist, als würden sich Lastwagen aufbauen. Jeder voller schwerer Kisten.

Glücklicherweise können Sie Ihre Website und alles darauf komprimieren. Mit einem Tool wie Gzip. (Es wird von 90% der Browser erkannt. – Das sind so ziemlich alle außer ein paar Nachzüglern, die noch Internet Explorer 4 verwenden.)

Die klobigsten Teile Ihrer Website sind Bilder, HTML, CSS und Javascript. Durch Komprimieren können Sie das durchschnittliche “Gewicht” Ihrer Website während der Übertragung reduzieren.

Fun Fact

Das durchschnittliche Gewicht einer Website beträgt 2 MB, wird jedoch von Jahr zu Jahr größer.

8. Optimieren Sie Ihre Bilder

Bilder sind normalerweise der schwerste Teil einer Website. Sie sind das größte, fetteste und langsamste Ladeelement.

Schneiden Sie sie zunächst auf die genaue Größe zu, die Sie benötigen. Laden Sie keine riesigen Bilder hoch und verkleinern Sie sie im HTML-Code. Laden Sie sie einfach in der richtigen Größe hoch.

Komprimieren Sie außerdem Ihre Bilder vor dem Hochladen. Wenn Sie WordPress verwenden, können Plugins wie WP Smush die Bildgröße um beachtliche 80% reduzieren!

9.… oder Sprites machen

Ein Sprite ist ein einzelnes Bild, das viele kleine Bilder enthält. Es eignet sich hervorragend zum Teilen von Schaltflächen oder anderen Bildelementen.

Jetzt muss Ihre Website nur noch eine Anfrage stellen, anstatt zehn separate. Anschließend können Sie mithilfe von CSS auswählen, welche Teile des Bildes wo angezeigt werden.

10. Schneiden Sie Ihren Code

HTML ist dicht und schwer. Es ist auch unglaublich repetitiv. CSS ist etwas optimierter, aber vieles davon ist redundant.

Es ist Zeit, Ihren Code mit einem feinen Zahnkamm durchzugehen und alle unnötigen Teile zu entfernen.

Wenn Sie eine Vorlage aus WordPress, Tumblr usw. verwenden, gibt es wahrscheinlich eine Menge Code, den Sie nicht verwenden. Diese Vorlagen sind so eingerichtet, dass Sie viele Optionen für die Funktionalität erhalten. Aber die meisten von uns brauchen nicht alles.

Sei rücksichtslos!

11. Deinstallieren Sie nutzlose Plugins (WordPress)

Wir haben alle im Laufe der Jahre mit unzähligen Plugins experimentiert. Aber oft vergessen wir, sie zu deinstallieren.

Jedes Plugin ist eine andere Serveranforderung. Es ist ein weiteres schweres Paket, das Ihren Hochgeschwindigkeitstunnel blockiert.

Wenn Sie es nicht verwenden, schalten Sie es aus.

12. Weiterleitungen reduzieren

Bei jeder Weiterleitung gehen Ihre Pakete zweimal im Tunnel auf und ab. Verwenden Sie keine Weiterleitungen auf Ihrer Website, es sei denn, Sie müssen dies unbedingt tun.

Teil 3: Bonus Extras

13. Reduzieren Sie die DNS-Suche

Es gibt einen Teil des Prozesses, über den wir noch nicht gesprochen haben. Es passiert gleich zu Beginn.

Bevor Ihr Browser die Konversation mit dem Server startet, muss er den Standort des Servers ermitteln (indem er seine IP-Adresse ermittelt). Es ist so, als würden Sie die Servernummer im Telefonbuch nachschlagen. Das dauert ein bisschen. (Normalerweise 20-120 Millisekunden).

Es dauert noch länger, wenn Ihrer Website mehrere Domainnamen zugeordnet sind. Häufige Beispiele sind: blog.yourwebsite.com oder zusätzliche Domänen für Bilder, Stylesheets und Flash-Objekte.

Wenn Ihr Browser dies fünfmal tun muss, verlieren Sie möglicherweise eine halbe Sekunde. Halten Sie es auf so wenige Domains wie möglich.

14. Browser-Caching

Stellen Sie sich vor, wie schnell es wäre, wenn Ihr Browser eine Kopie aller Website-Dateien behalten könnte. Auf diese Weise muss der Server nicht jedes Mal kontaktiert werden. Es könnte sie einfach aus dem Speicher laden.

Das ist Caching. Dies bedeutet, dass sich Ihr Browser an die Website erinnert. Wenn Sie es ein zweites Mal laden, ist es superschnell.

Puh! Das war ein längerer Beitrag als gewöhnlich, aber ich denke, es hat sich gelohnt.

Jetzt wissen Sie alles, was Sie wissen müssen, um Ihre Website blitzschnell zu machen. Diese Tricks können Ihre Ladegeschwindigkeit um Sekunden verkürzen.

Das bedeutet glückliche Besucher. Und es bedeutet mehr Umsatz.

WordPress Speed ​​Guide

Wenn Ihre Website mit WordPress erstellt wurde, haben wir eine detaillierte Schritt-für-Schritt-Anleitung zur Beschleunigung von WordPress zusammengestellt. Wir verwenden die genauen Schritte, um Bitcatcha.com in 3 Sekunden zu laden.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map