7 Möglichkeiten, Ihre Website oder Ihr Blog für Besucher schneller zu laden

Langsame Seitenladegeschwindigkeit ist einer der Hauptgründe, warum Ihre Website nicht die Treffer erhält, die sie verdient.

Da die Aufmerksamkeit des Publikums auf einem historischen Tiefstand liegt, finden Sie hier einige Top-Tipps, mit denen Sie Ihre Website beschleunigen können, um sicherzustellen, dass sich Ihre Besucher aufhalten.

1. Verringern Sie die tatsächliche Größe Ihrer Website

Wenn Ihre Website langsamer als drei Sekunden lädt, wird sie wahrscheinlich bereits vor dem Laden der Startseite abgebrochen. Die Verwendung eines falschen Formats für Ihre Bilder kann Ihre Website leicht aufblähen und ein ansonsten großartiges Browsing-Erlebnis ruinieren.

Über 70% der mobilen Webseiten sind über 1 MB und 12% über 4 MB! Denken Sie daran, dass es dauert sieben Sekunden um 1,5 MB auf eine gute 3G-Verbindung herunterzuladen. Es empfiehlt sich, jede Seite unter 0,5 MB zu halten.

Lernen Sie den Unterschied zwischen JPG, PNG und GIF kennen und stellen Sie sicher, dass Sie die Auflösung verwenden, die Sie benötigen.

Laut GlobalStats sind dies die am häufigsten verwendeten Bildschirmauflösungen für 2018:

• 22,55% verwenden eine Auflösung von 360 x 640 (Handy, Mobiltelefon)
• 11,73% verwenden eine Auflösung von 1366 x 768
• 8,26% verwenden eine Auflösung von 1920 x 1080
• 4,91% verwenden eine Auflösung von 375 x 667 (Handy, Mobiltelefon)
• 2,94% verwenden eine Auflösung von 1440 x 900

Dies sind über 50% aller Nutzer. Berücksichtigen Sie dies, wenn Sie Fotos zu Ihrer Website hinzufügen.

2. Gestalten Sie Ihre Website für Mobile

Laut einer von Google im letzten Jahr durchgeführten Untersuchung zur Geschwindigkeit von mobilen Seiten:

Nach einer neuen Analyse dauert es durchschnittlich 22 Sekunden, um eine mobile Landing Page vollständig zu laden. 53% der Besucher mobiler Websites verlassen jedoch eine Seite, deren Laden länger als drei Sekunden dauert. Das ist ein großes Problem.

Über 75% der mobilen Sites benötigen 10 Sekunden oder mehr, um über 3G geladen zu werden. Weit über die Hälfte des gesamten Datenverkehrs wird über mobile Geräte abgewickelt. Halten Sie also einen kleinen Fußabdruck für Ihre Website bereit, um mobile Internetbenutzer glücklich zu machen, und sorgen Sie dafür, dass sie dabei bleiben!

Wenn Sie ein CMS wie WordPress, Joomla oder Drupal Drupal oder Wordpress verwenden: Was ist das beste Open-Source-CMS? Drupal vs. Wordpress: Was ist das beste Open-Source-CMS? Planen Sie die Einrichtung einer Website, können jedoch nicht das richtige Open Source-CMS auswählen? So wählen Sie zwischen WordPress und Drupal. Lesen Sie mehr, es gibt Plugins, die Ihre Website mobiler machen.

Alternativ können Sie Tools wie bMobilized oder Duda Mobile verwenden, um Ihre Desktop-Website in Mobilgeräte umzuwandeln. Das heißt, es ist oft am besten, eine separate Website zu entwerfen, um das beste Erlebnis für Ihre mobilen Benutzer zu gewährleisten.

Sie sollten auch in Betracht ziehen, eine vereinfachte Version Ihrer Website mithilfe des Projekts "Accelerated Mobile Pages (AMP)" anzubieten. Durch die Verwendung von AMP-Seiten wird die Seitenladegeschwindigkeit auf Mobilgeräten verbessert. Es gibt strenge Richtlinien für JavaScript und CSS, aber die Vorteile sind messbar.

Unabhängig davon, für welche Route Sie sich entscheiden, stellen Sie sicher, dass Ihre mobile Website eine leichte Option ist. Versuchen Sie, die 0,5-MB-Empfehlung pro Seite einzuhalten.

3. Stellen Sie sicher, dass Ihre Website minimiert ist

Wenn Sie Ihre eigene Website von Grund auf neu schreiben, bearbeiten Sie sie regelmäßig. Während sich Ihr Projekt entwickelt, lernen Sie wahrscheinlich effizientere Wege, um Dinge zu tun. Stellen Sie daher sicher, dass Sie Ihren Code durchgehen, wenn Sie sich verbessern.

Reduzieren und kombinieren Sie CSS, HTML und JavaScript. Wenn Sie ein CDN wie Cloudflare verwenden, gibt es eine spezielle Registerkarte für Geschwindigkeitsverbesserungen. Die erste Option ist Auto Minify. Wenn Sie einen Website-Builder (wie Squarespace oder Weebly) verwenden, wird dies wahrscheinlich standardmäßig für Sie durchgeführt.

Stellen Sie sicher, dass Sie Ihre Website testen, nachdem Sie alles aktiviert haben, das die Ressourcen Ihrer Website kombiniert oder minimiert. Experimentieren Sie mit den verschiedenen Optionen, um herauszufinden, was für Ihre Website am besten ist, da einige Funktionen mit Minify aktiviert werden können.

4. Vermeiden Sie das Laden von Skripts, wenn diese nicht benötigt werden

Wenn Sie mehrere JavaScript-Dateien laden müssen, bevor sie benötigt werden, verlangsamt sich die Geschwindigkeit der gesamten Seite unnötig. Vermeiden Sie das Laden von Skripts von Drittanbietern, wenn Sie können.

Wenn Sie diese anfordern, wird Ihre Ladegeschwindigkeit weiter verlangsamt und kann ein Sicherheitsrisiko darstellen. Behalten Sie sie möglichst auf dem Server Ihrer Website.

Sie können verwenden verschieben oder asynchron um das Laden bestimmter JavaScript-Dateien zu verzögern, um die Belastung der Besuchergeräte zu verringern und die Ladegeschwindigkeit Ihrer Seiten zu verbessern. Alternativ können Sie für kleine Skripte in der Reihe das JavaScript direkt in das HTML-Dokument.

Async weist den Browser an, den HTML-Code gleichzeitig mit dem Herunterladen der JavaScript-Dateien zu analysieren. Die Pause tritt dann ein, nachdem die Datei vollständig heruntergeladen wurde.

In der Zwischenzeit wird der Browser aufgefordert, JavaScript-Dateien auszuführen nach dem Der Browser hat das gesamte HTML-Dokument analysiert.

Standardmäßig pausiert ein Browser das Analysieren von HTML-Dateien, während alle JavaScript-Dateien abgerufen und ausgeführt werden.

Durch das Inlining von JavaScript im HTML-Dokument wird die Anzahl der Dateien reduziert, die ein Browser herunterladen muss, bevor eine Seite angezeigt wird. Sie können JavaScript integrieren, indem Sie den Inhalt einer externen JavaScript-Datei zwischen Skript-Tags hinzufügen.

Sie können zeitversetzt und asynchron in Google Analytics, Facebook Pixel und anderen Analyse- und Fehlerberichts-Tools sicher verwenden, ohne die Funktionalität der Seite zu beeinträchtigen.

Überlegen Sie abschließend, ob Tracking-Codes, Analysen, zusätzliche Funktionen und Anzeigen auf Ihrer Website erforderlich sind. Verwenden Sie möglichst leichtere Optionen und verschrotten Sie sie, wenn sie Ihnen oder Ihren Besuchern nichts Wertvolles hinzufügen.

5. Verwenden Sie Caching und ein CDN

Ein Content Delivery Network (CDN) kopiert Ihre Site auf Server weltweit und verkürzt die Reisezeit der Daten, indem Besucher mit einem Server verbunden werden, der räumlich näher an ihnen liegt. Statischer Inhalt wird auch von den Servern des CDN zwischengespeichert und bereitgestellt.

Cloudflare ist wahrscheinlich das CDN, das Sie am besten kennen, aber Akamai und Amazon CloudFront sind etablierte Alternativen.

Stellen Sie sicher, dass Sie auch das Browser-Caching nutzen. Dies ist, wie Ihr Browser Ihre Privatsphäre gefährdet. Dies ist, wie Ihr Browser Ihre Privatsphäre gefährdet. Ihr Browser zeigt eine Fülle von Informationen darüber an, wer Sie sind, wohin Sie gehen und was Ihnen gefällt. Hier sind die Details, die Sie verlieren, wenn Sie online gehen. Lesen Sie mehr, um die Ladegeschwindigkeit Ihrer Website für wiederkehrende Besucher zu verbessern. Browser-Caching funktioniert, indem diese Dateien vom Server auf das Gerät des Benutzers heruntergeladen werden.

Bei weiteren Seitenaufrufen oder Besuchen werden diese Dateien lokal vom Benutzergerät geladen, anstatt sie vom externen Server anzufordern (abhängig vom Ablaufdatum der Dateien)..

6. Lösen Sie nicht wesentliche Plugins

Plugins sollten nur bei Bedarf verwendet werden. Dies gilt unabhängig davon, ob Sie Wix, Weebly, WordPress oder Squarespace Squarespace vs. Wordpress verwenden: 7 Unterschiede, die Sie überraschen Squarespace vs. Wordpress: 7 Unterschiede, die Sie überraschen können In den Welten des Web-Hostings und des Site-Aufbaus sind nur wenige Namen größer als WordPress und Squarespace. Aber wie entscheidest du, welche du verwenden möchtest? Lesen Sie mehr oder sonstiges. Alle Funktionen, die Sie durch Hinzufügen von einfachem CSS anstelle eines Plugins ausführen können, sollten Sie. Verwenden Sie Code Injection für Squarespace, verwenden Sie den CSS-Customizer in WordPress und Custom CSS für Wix.

Plugins können zu einer hohen CPU- oder Arbeitsspeicherbelastung auf Ihrem Server führen. Dies kann das Laden Ihrer Website verlangsamen oder sogar verhindern.

Wenn Sie WordPress verwenden, verwenden Sie wahrscheinlich nicht alle integrierten Funktionen. Deaktivieren Sie diese mit einem Plugin wie Clearfy.

Berücksichtigen Sie immer die verwendeten Plugins. Wenn Sie nur wenige Funktionen in Plug-Ins wie JetPack verwenden, sollten Sie sie ganz entfernen und durch leichtere Plug-Ins ersetzen, die dieselbe Aufgabe erfüllen.

7. Servereinstellungen zur Beschleunigung Ihrer Website

Die Serververzögerung wirkt sich stark negativ auf Ihre Seitenladegeschwindigkeit und Ihren PageRank aus.

Google empfiehlt, dass die Zeit bis zum ersten Byte (TTFB) 1,3 Sekunden oder weniger beträgt. Dies ist die längste Verzögerung, bevor ein Gerät mit dem Herunterladen einer Seite beginnt, nachdem der Server zum ersten Mal kontaktiert wurde. Das heißt, die durchschnittliche Seite hat eine TTFB von über 2 Sekunden, was weit über ihrer Empfehlung liegt.

Grund dafür sind in der Regel gemeinsame Hosts. Sie können jedoch einige Einstellungen zur Verbesserung der Antwortzeit Ihres Servers konfigurieren.

• Verwenden Sie die neueste Version von PHP, mit der Ihre Website kompatibel ist. Die neueste Version (PHP 7.2) bietet enorme Geschwindigkeitsverbesserungen.
• Einschalten “Bleib am Leben”
• Aktivieren Sie HTTP / 2
• Nutzen Sie die HTTP Strict Transport Security (HSTS)
• Legen Sie fest, dass Ihre Sicherungen nachts abgeschlossen werden sollen

Wenn Ihre Website in WordPress erstellt wurde, verwenden Sie einen Host, der sich auf WordPress-Hosting spezialisiert hat, beispielsweise Bluehost. Dadurch wird sichergestellt, dass die Servereinstellungen speziell für die WordPress-Leistung konfiguriert sind.

Fertiges Tweaking? Testen Sie jetzt Ihre Site

Nun, da Sie die ideale Seitenladezeit, Größe und Zeit bis zum ersten Byte (TTFB) kennen, die Sie anstreben sollten, wissen Sie, was Ihre ist?

Hier sind einige unserer beliebtesten Online-Tools zum Testen Ihrer Website:

• varvy.com: Diese Tools testen die Geschwindigkeit und Leistung Ihrer Desktop- und mobilen Seiten und geben Ihnen wertvolle Hinweise zur Verbesserung Ihrer Website
• Google PageSpeed ​​Insight: Das Google PageSpeed-Tool wurde kürzlich aktualisiert und testet Ihre Geschwindigkeit und gibt Ihnen Verbesserungsvorschläge
• GTmetrix: ein großartiges Werkzeug mit umsetzbaren Ratschlägen
• WebPageTest: Testen Sie Ihre Website auf verschiedenen Geräten, Betriebssystemen und Standorten
• Pingdom: Ein sehr beliebtes Tool, ähnlich wie WebPageTest mit einer schöneren Benutzeroberfläche

Sie können Ihre mobile Website mit den oben genannten Links sowie mit dem ThinkWithGoogle Mobile Test (powered by WebPageTest) testen. Die Ergebnisse geben Ihnen konkrete Tipps, was Sie verbessern können, und reduzieren Sie die Ladezeit, wenn Sie den Tipps folgen.

Die empfohlenen Best Practices ändern sich ständig. Überprüfen Sie daher regelmäßig Ihre Seitengeschwindigkeit, wenn Sie Verbesserungen vornehmen.

Um noch mehr Einblick in die Leistung Ihrer Website zu erhalten, sollten Sie Ihre Domain bei Google und Bing überprüfen. Die 5 Hauptvorteile der Überprüfung Ihrer Domain bei Google und Bing Die 5 Hauptvorteile der Überprüfung Ihrer Domain bei Google und Bing Wenn Sie über eine eigene Website verfügen, sollten Sie Ihre Domain bei Google und Bing mit ihren Webmaster-Tools überprüfen. Weiterlesen

Erfahren Sie mehr über: Webentwicklung.