5 Schritte zur Verkürzung der Ladezeit von Websites um 54 %

Veröffentlicht: 2018-08-08

Sie haben etwa vier Sekunden Zeit, um die Aufmerksamkeit eines Erstbesuchers lange genug zu halten, um ihn oder sie in Ihre E-Mail-Liste zu konvertieren oder ihm ein Produkt oder eine Dienstleistung zu verkaufen.

Wenn sie danach immer noch Däumchen drehen und auf das erste Anzeichen einer Webseite warten, werden Sie etwa die Hälfte von ihnen verlieren. Große Annahme hier, aber Sie möchten wahrscheinlich nicht so viele potenzielle zahlende Kunden opfern, nur weil Ihre Website ein Nickerchen eines Baumfaultiers schnell aussehen lässt.

Laut einer Studie von Gomez.com möchte etwa die Hälfte der Webbesucher, dass eine Website in 2 Sekunden geladen wird, und sie verlassen normalerweise eine Website, die nicht innerhalb von 3 Sekunden geladen wird. 79 % der Online-Käufer, die Probleme mit der Leistung der Website haben, geben an, dass sie nicht mehr auf die Website zurückkehren werden, um erneut einzukaufen, und rund 44 % von ihnen würden mit Freunden teilen, wenn sie schlechte Erfahrungen mit dem Online-Shopping gemacht hätten.

Seitenladezeit

Die gute Nachricht ist, dass die Ladezeit der Seite in den meisten Fällen mit ein paar Optimierungen drastisch verbessert werden kann. Vielleicht bis zu 54 % mit den fünf, die wir gleich auf Sie werfen werden. Bereit? Lass uns gehen!

#1. Zerkleinern Sie diese Bilder auf die richtige Größe

Der vielleicht größte Übeltäter, wenn es um eine tödlich langsame Website geht, sind Bilder, die nicht optimiert wurden. Wir sprechen über einfache Dateigröße. Zu oft sind Bilder, die direkt von einer Telefonkamera oder einer Stock-Image-Site abgerufen werden, riesig – viele Megabyte. Bis Sie eines oder mehrere dieser Babys in ein paar Dutzend oder Hunderte von Beiträgen gesteckt haben, wälzt sich Ihre Website wie eine schwangere Seekuh.

Hier ist eine Lösung für dieses Problem. Wenn Sie Photoshop haben, großartig, obwohl ein kostenloser Online-Grafikeditor wie Pixlr genauso gut funktioniert. Was Sie tun müssen, ist die Größe jedes einzelnen Bildes zu reduzieren, bevor es auf die Website hochgeladen wird. Sie können mit den Einstellungen herumspielen, um herauszufinden, was für Sie funktioniert, aber Bilder aufnehmen, die eher Kilobytes als Megabytes groß sind.

#2. Lassen Sie Ihren Browser arbeiten Caching

Die am häufigsten verwendeten Browser haben die Fähigkeit, Website-Elemente zwischenzuspeichern, und Sie wären ein kluger Unternehmer, wenn Sie davon profitieren würden. So funktioniert es. Wenn ein Besucher zum ersten Mal auf Ihrer Website ankommt, muss jedes einzelne Element der Seite – Bilder, Texte, Skripte, CSS – heruntergeladen werden. Entschuldigung, daran führt wirklich kein Weg vorbei, obwohl es die Notwendigkeit betonen sollte, Ihre Website von Anfang an so schlank wie möglich zu gestalten.

Bei richtig konfiguriertem Caching werden nachfolgende Besuche jedoch schneller geladen, da Elemente, die sich nicht geändert haben, nicht erneut heruntergeladen werden müssen. Da die meisten Websites (abgesehen von Nachrichtenseiten) einen Großteil des Inhalts haben, der gleich bleibt, beschleunigt Browser-Caching das Erlebnis erheblich. Wenn der Gedanke, sicherzustellen, dass diese Funktion auf Ihrer Website aktiviert ist, Sie in Nesselsucht ausbricht, rufen Sie den technischen Support Ihres Hosting-Unternehmens an und lassen Sie ihn sein Geld verdienen.

#3. Verschlanken Sie Ihre Website

Wussten Sie, dass Sie durch Aktivieren der Komprimierung auf Ihrer Website die kumulierte Dateigröße um 50-70 % reduzieren können? Leute, das ist beachtlich und könnte den Unterschied zwischen einem erfolgreichen Online-Geschäft und einem riesigen Zeitverlust ausmachen. Worüber wir hier im Wesentlichen sprechen, ist das Ablegen Ihrer Website-Dateien in einem Cyber-Gürtel – auch Zipping genannt.

Eine komprimierte Website benötigt zum Herunterladen auf den Computer eines Besuchers weniger Bandbreite und bewegt sich daher schneller durch die „Pipeline“. Siteweite Komprimierung ist eine Einstellung, die auf Serverebene angewendet wird. Wenn Sie Ihren eigenen Server betreiben, wissen Sie wahrscheinlich bereits darüber, also können Sie gerne zum nächsten Punkt auf unserer Liste springen. Für die Massen, die reguläre Hosting-Pläne abonnieren, sollten Sie noch einmal Ihren freundlichen technischen Support anrufen oder mit ihm chatten. Sagen Sie ihnen, was Sie zu erreichen versuchen, und sie sollten in der Lage sein, es von dort aus zu übernehmen.

#4. Optimieren Sie Ihr CSS

Webdesigner verwenden CSS-Dateien, um das Layout und das Aussehen einer Webseite zu steuern. Da diese Datei (oder Dateien) geladen werden muss, bevor Sie etwas sehen, ist es sinnvoll, sie so klein wie möglich zu halten. Ein guter erster Schritt dafür ist, einen Blick auf den eigentlichen Code zu werfen und alles wegzuwerfen, was nicht dort sein muss. Buchstäblich jedes Zeichen und Leerzeichen, das Sie verwenden, vergrößert die Datei und erhöht die Wartezeit eines Besuchers.

Ihr nächster Schritt besteht darin, das CSS zu minimieren. Dies ist der Vorgang, bei dem zusätzliche Leerzeichen im Code entfernt werden, die ihn hübsch aussehen lassen, aber die Ladezeit verlangsamen. Wenn Sie ein CMS für Ihre Website verwenden, minimieren einige (HubSpot) CSS automatisch, während andere (WordPress, Joomla) dies nicht tun. Wenn Sie eine Option eines Drittanbieters benötigen, sehen Sie sich einen kostenlosen Onlinedienst wie CSS Minifier an. Ausschneiden, einfügen und komprimieren.

#5. Lokalisieren Sie Skripte strategisch

Jeder liebt Javascript. Es macht Websites viel cooler und reaktionsschneller, aber wenn es falsch platziert wird, kann es auch zu einem scheinbar toten Stopp im Seitenladeprozess führen. Da niemand tote Stopps mag, insbesondere den Website-Traffic, ist es sinnvoll, das von Ihnen verwendete Javascript an das Ende des HTML-Dokuments zu stellen.

Da Browser HTML sequentiell von oben nach unten interpretieren und Elemente anzeigen, wenn sie zu ihnen kommen, ist das Letzte, was Sie wollen, ein hoch platzierter Javascript-Code, der im Wesentlichen die „Pause“-Taste für mehrere lange Sekunden drückt. Im Zeitungsgeschäft gibt es einen Ausdruck namens „below the fold“, der sich auf Artikel bezieht, die in der unteren Hälfte der Titelseite erscheinen und als weniger wichtig erachtet werden als die Hauptschlagzeile.

Wir sagen nicht, dass Ihr Javascript-Code weniger wichtig ist, aber aufgrund der Realität, wie Browser funktionieren, tun Sie sich selbst einen Gefallen und lassen Sie ihn als letztes laden.

Abschließende Gedanken

Viele Online-Unternehmer beginnen mit einem Shared-Hosting-Plan und wer könnte es ihnen verübeln? Sie sind kostengünstig und einfach einzurichten. Der Nachteil ist, dass Ihre Website auf einem Server mit vielleicht Hunderten von anderen liegt. Offensichtlich ist dies nicht die perfekte Situation, wenn die Ladegeschwindigkeit der Website entscheidend ist. Möglicherweise möchten Sie schließlich in Betracht ziehen, in eine schnellere Option wie einen dedizierten Server, einen Hosting-Plan für virtuelle private Server oder sogar ein zuverlässiges verwaltetes Hosting einzusteigen.

Auf dieser Website finden Sie einen hervorragenden Vergleich der 5 Hosting-Typen, wenn Sie vermuten, dass Sie eine andere Lösung benötigen, sich aber nicht sicher sind, welche es sein sollte. Wenn Sie schließlich wissen möchten, ob Ihre Website tatsächlich langsam ist, können Sie auf dieser Website Ihre URL einfügen und einen Website-Geschwindigkeitstest durchführen. Es gibt keine Zeit wie die Gegenwart, um die Wahrheit herauszufinden.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie die Ladezeit von Seiten um 54 % verkürzen können. Wenn Sie sich ernsthaft Gedanken darüber machen, wie Sie Ihre Website beschleunigen können, haben sich unsere Experten einen Leitfaden ausgedacht, um die Leistung speziell für Sie zu verbessern.