Als Webdesigner wissen Sie bereits, dass gutes Design für eine Website unerlässlich ist - es ist das Konzept von Design, dem Sie vertrauen. Wenn eine Website nicht absolut fantastisch aussieht, wird es für neue Besucher schwierig sein, dieser Website zu vertrauen. So essentiell gutes Design ist eine Website.

Es gibt jedoch noch einen weiteren wichtigen Teil einer vertrauenswürdigen Website, nämlich die positive UX, die mit einer schnellen, bissigen Website geliefert wird.

Nach großartigem Design ist Geschwindigkeit einer der wichtigsten Faktoren, die zum Erfolg einer Website beitragen.

Aber warum ist Geschwindigkeit so wichtig?

Das Wichtigkeit einer schnellen Website wurde immer wieder recherchiert.

Websites, die nicht schnell genug sind, erzeugen eine negative Wahrnehmung, da die tatsächliche Ladezeit einer Website die Conversion-Rate von Websites erheblich beeinflusst.

Wenn die Ladezeit höher und höher wird, sinkt die Conversion-Rate erheblich, wobei die optimale Conversion-Rate bei einer Seitenladezeit von 2,4 Sekunden erreicht wird.

Was ist ein CDN und wie kann es meine Websites beschleunigen?

Während es viele Vorteile für die Verwendung eines CDN gibt, die wir in Kürze diskutieren werden, gibt es eine grundlegende Prämisse, wie ein CDN Ihre Website schneller macht.

Einfach gesagt, ein CDN ist viel besser als ein Netzwerk ausgestattet, um den Verkehr einer Website als die meisten Hosting-Dienste zu behandeln.

Shared Hosting ist in der Regel darauf ausgerichtet, eine stabile Umgebung bereitzustellen, in der Ihre Website PHP oder andere beliebte Hosting-Umgebungen ausführen kann.

Es ist nicht darauf ausgerichtet, die Geschwindigkeit in den meisten Fällen zu optimieren.

Auf der anderen Seite, ein Hauptziel CDN, und die tatsächliche Infrastruktur-Setup ist darauf ausgerichtet, eine blitzschnelle Website zu liefern.

Aber wie beschleunigt ein CDN meine Website?

Wie eine CDN-Infrastruktur Ihre Website beschleunigt

Es gibt einige Gründe, warum Ihre Website langsam sein könnte:

  • Ihr Shared-Hosting-Server ist überwältigt und reagiert langsam.
  • Die Bilder und der Inhalt Ihrer Website sind groß und benötigen viel Zeit zum Herunterladen.
  • Ihre Website verwendet zu viele verschiedene Skripts und Bilder, die nicht für eine schnell ladende Website optimiert sind.
  • Der Serverstandort Ihrer Website befindet sich in einer geografisch anderen Region als die Besucher Ihrer Website.

Es gibt andere Gründe, aber diese sind die wichtigsten.

Sie können jeden einzeln ansprechen, wir konzentrieren uns hauptsächlich auf die letzten beiden hier ...

Ihr Shared Hosting Server ist überfordert und reagiert langsam

Shared-Hosting-Server sollen nicht schnell sein. Sie sollen erschwinglich sein.

Die Wirtschaftlichkeit von Shared Hosting bedeutet, dass die Anzahl der verschiedenen Websites, die auf demselben Server gehostet werden, signifikant höher ist, um die Kosten zu senken.

Das bedeutet, dass jedes Mal, wenn jemand Ihre Website besucht, der Hosting-Server um Ressourcen mit ALLEN auf der Website gehosteten Websites konkurriert, was bedeutet, dass es typischerweise mehr als eine Sekunde dauert, um mit der Bereitstellung Ihrer Website zu beginnen.

Wenn wir jetzt über die Erstellung einer Website sprechen, ist eine Strafe von einer Sekunde, bevor wir mit Optimierungen beginnen, ein schrecklicher Anfang.

Also ein paar Empfehlungen:

  1. Wenn Ihre Website mit WordPress gehostet wird, müssen Sie ein finden zuverlässige WordPress-Hosting-Firma mit tollen Bewertungen, was nicht billig ist.
  2. Entscheiden Sie sich für einen höheren Zahlungsplan, idealerweise ein VPS , sodass Ihre Website über genügend Ressourcen verfügt und nicht mit Hunderten anderer Websites konkurrieren wird

Die Bilder Ihrer Seite sind groß

Eine der größten Auswirkungen, die Ihre Website hinsichtlich der Ladezeit haben kann, stammt normalerweise von den auf Ihrer Website gehosteten Bildern.

Sie werden viele Blogs finden, die den Wert der Verwendung von Bildern in Ihrer Website und Ihrem Blog betonen, und das ist natürlich ein ausgezeichneter Rat.

Bilder sind notwendig, um große Textblöcke zu zerlegen und für bessere Lesbarkeit zu sorgen.

Wer hat noch nicht von dem Satz gehört: "Ein Bild sagt mehr als tausend Worte"

Ja, Bilder sind entscheidend für den Erfolg Ihrer Website.

Sie haben jedoch einen Nachteil.

Nicht optimierte Bilder können die Ladezeit Ihrer Website beeinträchtigen.

Jetzt würden wir in einer idealen Welt den empfohlenen Ansatz verfolgen, jede Datei in einem webfreundlichen Format zu speichern, große Bilder zu optimieren und sie auf eine akzeptable Größe zu komprimieren, ohne dabei an Qualität zu verlieren.

In Wirklichkeit haben wir einfach nicht die Zeit oder die Neigung, für jedes Bild einen Optimierungsprozess zu durchlaufen.

Aber es gibt eine Lösung. Automatisierung.

Wieder einmal kommen CDNs zur Rettung. Die Bildkomprimierung und -optimierung ist normalerweise eine integrierte Funktion eines CDN.

Im Wesentlichen geht es darum, eine großartige Website mit tollen Bildern zu erstellen. Das CDN wird die Komprimierung und Optimierung der Bilder übernehmen.

Ihre Website verwendet viele Skripte

Dies ist ein weiterer Geschwindigkeitskiller.

Wenn wir gerade erst als Webdesigner anfangen, entdecken wir gerne neue Plugins, testen sie und installieren sie auf unserer Website, ohne zu wissen, welche Auswirkungen die Plugins haben werden.

Selbst etablierte Webdesigner tendieren dazu, in diese Falle zu geraten. Die Verwendung von Dutzenden von Plugins, um sicherzustellen, dass die vom Kunden benötigte Funktionalität geliefert wird, hat seine Nebenwirkungen.

In Wirklichkeit fügt jedes Plugin, das Sie auf Ihrer Site installieren, Javascript-Dateien und CSS-Dateien hinzu und erfordert mehr Leistung von Ihrer Site.

Sie werden dies in Form von vielen Anfragen auf Performance-Testing-Sites und einer sehr langen Ladezeit sehen.

Noch ein paar Empfehlungen:

  1. Halten Sie Ihre Website so schlank wie möglich von Plugins, weniger ist mehr
  2. Kombinieren, komprimieren und minimieren Sie Skripte
  3. Aktivieren Sie HTTP / 2

Während ein CDN Ihnen nicht dabei hilft, zu entscheiden, welche Plugins Sie behalten und welche Plugins Sie dumpen sollen, ist ein CDN in der Lage, On-The-Fly-Komprimierung und Minification von Skripten durchzuführen, um die Gesamtgröße des Inhalts Ihrer Site kleiner zu machen. und somit schneller.

Die dritte und sehr wichtige Empfehlung ist die Einstellung von HTTP / 2 - wir werden nicht sehr ins Detail gehen, da wir HTTP / 2 bereits ausführlich diskutiert haben auf dieser Seite und anderswo .

HTTP / 2 wurde speziell entwickelt, um die Ladezeit von Websites zu optimieren, insbesondere von Websites, auf denen viele verschiedene Ressourcen zur Verfügung stehen.

Die meisten CDN-Dienste ermöglichen es Ihnen, schnell und einfach HTTP / 2 auf Ihrer Website zu aktivieren, was Ihrer Website einen sofortigen Geschwindigkeitsschub verleiht.

Selbst wenn Sie alle oben genannten Optimierungen durchgeführt haben, gibt es immer noch eine Sache, die die Geschwindigkeit Ihrer Website völlig zunichte machen kann.

Wie reparierst du das?

Der Standort Ihres Website-Servers

Ok, wenn Sie unseren Rat befolgt haben, sollte Ihre Website jetzt deutlich schneller sein als vorher.

Aber es gibt eine Sache, die die Ladegeschwindigkeit Ihrer Website töten kann.

Wenn Ihre Website auf ein lokales Publikum ausgerichtet ist, ist Ihre Lösung einfach: Wählen Sie einen guten Hosting-Service, der sich so nah wie möglich am Zielort befindet.

Dies ist jedoch schwieriger, wenn Ihre Website ein internationales Publikum bedient.

Sie können einfach keinen Serverstandort auswählen, der sich in der Nähe aller Besucher Ihrer Website befindet.

Sie können die nächstbeste Sache machen und in der Besucherstelle hosten, die am beliebtesten ist, aber es gibt eine zweite, effektivere Lösung.

Ein CDN-Dienst zielt speziell darauf ab, dieses Problem zu beheben.

EIN CDN-Infrastruktur wurde speziell entwickelt, um das Problem, das wir gerade beschrieben haben, zu beheben.

CDNs haben ein Netzwerk von Hunderten von Servern in Dutzenden von Standorten rund um den Globus. Diese Server, die als Edge- oder Caching-Server bezeichnet werden, replizieren Ihre Images und statischen Ressourcen wie Javascript- und CSS-Dateien an diese Speicherorte.

Wenn ein Nutzer dann auf Ihre Website zugreift, werden die schweren Ressourcen von einem Standort aus bedient, der so nah wie möglich an Ihrem Besucher liegt.

Dies reduziert das Problem der Entfernung erheblich und gibt Ihrem Standort einen sehr signifikanten Vorteil in Bezug auf die Ladegeschwindigkeit.

Wie man ein freies CDN einrichtet

Das Tolle an einem CDN ist, dass Sie die Geschwindigkeit Ihrer Website einfach erhöhen können, ohne etwas extra bezahlen zu müssen, insbesondere wenn Ihre Website noch wächst.

Die meisten CDN-Dienste bieten einen kostenlosen Plan, der die oben besprochene essenzielle Caching-Funktionalität bereitstellt. Neben der Inhaltsoptimierung erhalten Sie in der Regel auch durch die Sicherheitsmechanismen, die von CDNs implementiert werden, einen starken Anstieg der Sicherheit Ihrer Website.

Wenn Ihre Website wächst und die Bedürfnisse der Website wachsen, können Sie auf einen Plan upgraden, der Ihren Anforderungen besser entspricht.

Es gibt ein paar Möglichkeiten, ein CDN einzurichten, dies hängt hauptsächlich von der tatsächlichen CDN ab, die Sie verwenden werden.

Installieren Sie ein CDN-Plugin

Die erste Möglichkeit zum Einrichten eines CDN besteht in der Verwendung eines CDN-Plugins. Wenn Sie Ihr CDN einrichten, erhalten Sie eine URL, die der neue Speicherort der statischen Bilder Ihrer Site ist.

Das CDN-Plugin schreibt die URL von statischen Ressourcen so um, dass sie von der CDN bedient werden.

https://www.beispiel.com/images/logo-default.jpg

wird jetzt neu geschrieben als

https://cdn.example.com/images/logo-default.jpg

Sie müssen einige geringfügige Änderungen an den DNS-Einträgen Ihrer Website vornehmen, so dass cdn.example.com als URL aufgelöst wird, die von Ihrem CDN bereitgestellt wird.

Sie können das CDN Enabler-Plugin verwenden, wenn Sie URL-Rewriting-Dienste wie KeyCDN (die Autoren dieses Plugins), MaxCDN oder Incapsula verwenden.

Sobald Sie dieses Plugin installiert haben, müssen Sie nur noch die URL eingeben, die Sie von Ihrem CDN-Dienst erhalten haben, und Sie sollten gut sein.

Installieren Sie ein CDN als Reverse Proxy

Ein anderer, besserer Weg zur Installation eines CDN ist die Verwendung eines Reverse-Proxy.

Dies erfordert auch kleinere Änderungen an Ihrem DNS, die normalerweise spezifisch für das CDN sind, das Sie installieren werden.

Diese Implementierung ist vorteilhaft, da sie eine erhebliche Last vom direkten Zugriff auf Ihren Server entfernt.

Sind Sie bereit, Ihre Website auf die nächste Geschwindigkeitsstufe zu bringen?

Wie wir oben gesehen haben, ist die Installation eines CDN in Bezug auf den Preis nicht so prohibitiv, wie man vielleicht denkt. Darüber hinaus wird der Leistungsschub für Ihre Website eine deutliche UX-Verbesserung sein.

Wenn Sie Ihre Website schnell beschleunigen möchten, ist ein CDN ein Muss.