6 Möglichkeiten, das Laden Ihrer Website zu beschleunigen

Ihre Website könnte die schönste Website der Welt sein, aber es nützt Ihnen nichts, wenn das Laden ewig dauert. Seien wir ehrlich. Die Leute sind ungeduldig und eine langsame Website hindert potenzielle Kunden daran, ihren Kauf abzuschließen.

Wenn ich online einkaufen gehe, erwarte ich, dass die Seiten im schlimmsten Fall innerhalb von 5-10 Sekunden geladen werden. Noch länger und ich werde nervös oder verlasse den Laden ganz.

Sicher, manche Leute sind vielleicht geduldiger als ich, aber warum das Risiko eingehen? Gehen Sie auf Nummer sicher und machen Sie Ihre Unternehmenswebsite so schnell wie möglich.

Foto von Meddygranet

Bevor Sie jedoch beginnen, müssen Sie zunächst feststellen, wie schnell schnell genug ist. Dieser Umfang Ihrer Website-Optimierung hängt weitgehend von den Analysen und demografischen Daten Ihrer Webbesucher ab.

Als meine Frau und ich beispielsweise vor 3 Jahren unseren Online-Shop zum ersten Mal starteten, nutzten über 35 % unserer Kunden die Einwahl. Infolgedessen mussten wir bei unserem Website-Design drastische Abstriche machen, um bei einer Downloadrate von nur 56K ein zügiges Einkaufserlebnis zu bieten.

Heute verwenden nur 2 % unserer Kunden die Einwahl (Gott sei Dank!), sodass wir sicher mehr Multimedia-Inhalte hinzufügen können, ohne die Benutzererfahrung zu beeinträchtigen.

Um die maximale Größe einer bestimmten Seite zu bestimmen, multipliziere ich normalerweise 5 Sekunden mit der gewichteten durchschnittlichen Bandbreite meiner Webbesucher. Wenn beispielsweise die meisten meiner Besucher DSL verwenden, gehe ich möglicherweise von einer Downloadgeschwindigkeit von 1 Mbit aus und entscheide, dass 5 Mbit die maximale Größe einer bestimmten Webseite sein sollten.

Dies ist keine exakte Wissenschaft. Letztendlich müssen Sie selbst entscheiden, wie schnell Ihre Website sein muss.

In allen Fällen ist jedoch schneller immer besser. Wie ich in meinem letzten Beitrag erwähnt habe, ist die Website-Geschwindigkeit nicht immer eine Funktion Ihres Webhosts. Tatsächlich ist der Webmaster meistens für eine träge Website verantwortlich und nicht für einen langsamen Server. In diesem Artikel werden einige Tipps beschrieben, wie Sie die Dinge beschleunigen können.

Entscheiden Sie, was am wichtigsten ist, und ordnen Sie die Beladung neu an

Wenn Sie Ihre Website schneller machen, müssen Sie nicht immer Bilder und Inhalte ausschneiden. Manchmal gefällt Ihnen Ihre Site vielleicht genau so, wie sie ist, und Sie haben keine Lust, etwas zu ändern.

Wenn dies der Fall ist und Ihre Website langsam ist, können Sie oft einfach die Art und Weise, wie Ihre Seite geladen wird, priorisieren.

Was soll der Benutzer zuerst sehen? In den meisten Fällen wird eine langsamere Website Ihren Besuchern nichts ausmachen, solange die wichtigen Dinge zuerst geladen werden und der Flaum später fertig wird.

Zum Beispiel stelle ich bei MyWifeQuitHerJob.com immer sicher, dass alle saftigen Inhalte zuerst auftauchen, bevor die Anzeigen dies tun. Auf diese Weise wird nicht das gesamte Blog in die Länge gezogen, wenn die Anzeigen etwas langsam geladen werden.

Webseiten werden immer in sequenzieller Reihenfolge geladen, daher sollten Sie die Inhalte, die Sie zuerst laden möchten, immer oben auf Ihrer Seite und die unwichtigsten am Ende Ihres HTML-Dokuments platzieren.

Bei Elementen, die an einer bestimmten Position auf der Seite erscheinen müssen, können Sie entweder Javascript oder CSS verwenden, um die Ladereihenfolge zu steuern.

Obwohl zum Beispiel meine 728×90-Bestenlistenanzeige ganz oben auf meiner MyWifeQuitHerJob.com erscheint, stelle ich sicher, dass sie zuletzt geladen wird, indem ich die folgenden Schritte ausführe.

• Ich erstelle ein leeres <div id=“banner728″>, wo die Anzeige stehen soll und setze die ID auf „banner728“. Dadurch entsteht effektiv ein leerer Platzhalter, den ich später mit Javascript laden kann
• Ganz am Ende der Seite füge ich den folgenden Javascript-Schnipsel ein
  <script type=”text/javascript”>
  document.getElementById("banner728").innerHTML = "gewünschter Werbebanner-Code";
  </script>
  Dieser Code findet den Platzhalter „banner728“, den ich oben gesetzt habe und fügt das Werbebanner in das <div> ein. Da sich dieses Skript ganz am Ende der Datei befindet, wird es nach allem anderen zuletzt geladen.

Verwenden Sie keine HTML-Bildgrößenanpassung

Ein häufiger Fehler, den viele Neulinge machen, ist, sich auf HTML zu verlassen, um Bilder zu verkleinern und ihre Größe zu ändern. Während diese Technik funktioniert und harmlos erscheint, wird sie die Leistung Ihrer Website absolut beeinträchtigen.

Der Grund dafür ist, dass das gesamte Originalbild geladen werden muss, bevor es angezeigt wird, obwohl Sie nur ein viel kleineres Bild anzeigen.

Um zu verhindern, dass Sie in diese Falle tappen, nehmen Sie sich die Zeit, das Bild auf die gewünschten Abmessungen zu verkleinern, bevor Sie es auf Ihrer Website anzeigen. Ziehen Sie nicht einfach Bilder direkt von Ihrer Digitalkamera.

Optimieren Sie Ihre Bilder

Das menschliche Auge verzeiht die Bildqualität viel mehr, wenn es ein eigenständiges Bild auf einem Computermonitor betrachtet. Daher können Sie mit Bildern in viel geringerer Qualität für Ihre Website davonkommen.

Stellen Sie sicher, dass Sie Ihre Bilder so weit wie möglich optimieren und verkleinern, bevor Sie sie auf Ihrer Seite anzeigen. Ich wähle oft eine JPEG-Qualität von 50 Prozent oder weniger, wenn ich Photoshop mit den Bildern auf meinen Websites verwende.

Wenn Sie GIFS verwenden, stellen Sie sicher, dass Sie keine größere Farbpalette verwenden, als Sie wirklich benötigen. Wenn Sie mit nur 16 Farben auskommen, wählen Sie Ihr GIF mit nur einer 16-Farben-Palette.

Analysieren Sie alle Ihre GIFS, um sicherzustellen, dass keine der Farbfelder durch Duplikate verschwendet werden.

Hosten Sie Videos und große Bilder mit einem Drittanbieter

Sofern Sie Ihre Website nicht auf einem leistungsstarken Server-Set hosten, verlangsamen reichhaltige Multimedia-Inhalte Ihre Website zu einem Crawl. Im Allgemeinen ist es viel wirtschaftlicher, Ihre Videos und größeren Dateien auf einem Drittanbieterdienst mit einer robusteren Infrastruktur zu hosten, die das Streaming besser unterstützt.

Warum nicht beispielsweise YouTube oder Vimeo verwenden, anstatt Videos auf Ihrem eigenen Server zu hosten? Wenn Sie die von Ihnen produzierten Inhalte besitzen möchten, können Sie auch einen Dienst wie Amazons S3 bezahlen und nutzen. Überlassen Sie den Inhalten mit hoher Bandbreite den großen Jungs.

Vermeiden Sie die Verwendung von Drittanbietercode oder Hotlink-Bildern

Immer wenn Sie ein Bild per Hotlink verlinken oder Code nutzen, der auf einem anderen Server gehostet wird, gefährden Sie die Geschwindigkeit Ihrer Website. Wenn der Server eines Drittanbieters langsam oder ausgefallen ist, kann er auch Ihre eigene Website lahmlegen, daher ist es wichtig, die Verwendung von Drittanbietercode zu minimieren.

Darüber hinaus muss jedes Mal, wenn Ihre Site auf einen Server eines Drittanbieters zugreift, eine DNS-Suche durchgeführt werden, die je nach Netzwerküberlastung einige Zeit in Anspruch nehmen kann.

Ein paar hundert Millisekunden Verzögerung scheinen nicht viel zu sein, aber wenn Sie Code von 10 verschiedenen Servern abrufen, können diese Lookups zu einer Latenz von mehreren Sekunden führen.

Nutzen Sie Caching und Komprimierung

Der Großteil der meisten Websites besteht aus Text und ist sehr gut komprimiert. Wenn Sie die Komprimierung auf Ihrem Server aktivieren, können Sie daher die Downloadzeiten um bis zu 75 % reduzieren.

Leider haben nicht alle freigegebenen Webhosts die Komprimierung auf ihren Servern aktiviert. Wenn sich Ihre Website auf einem gemeinsam genutzten Webhost befindet, fragen Sie sie, ob ihre Server mod_deflate oder mod_gzip unterstützen.

Wenn die Komprimierung von Ihrem Server unterstützt wird, stellen Sie sicher, dass Sie sie auf Ihrer Website aktivieren, indem Sie die in diesem Artikel beschriebenen Schritte ausführen. Wenn Sie WordPress verwenden, übernimmt das WP-SuperCache-Plugin bereits die Komprimierung für Sie.

Zusätzlich zur Komprimierung können Sie Ihre Website beschleunigen, indem Sie häufig aufgerufene Seiten Ihrer Website zwischenspeichern. Für unseren Online-Shop gehe ich tatsächlich noch einen Schritt weiter und erstelle statische Seiten für stark frequentierte Webseiten, die sich nicht sehr oft ändern.

Geschwindigkeit zählt

Die Chancen stehen gut, dass jemand da draußen Ihre Website wahrscheinlich mit einer viel langsameren Verbindung ansieht als Ihre eigene. Und Sie müssen immer den kleinsten gemeinsamen Nenner berücksichtigen, um das Gewinnpotenzial Ihres Online-Geschäfts zu maximieren.

Ich war ziemlich schockiert, als ich sah, dass unser Online-Shop immer noch Einwahlkunden hat! Wenn ich sie noch habe, dann vielleicht auch.