Es gibt weniger frustrierende Dinge als eine Website, deren Laden einige Zeit in Anspruch nimmt. Kein Wunder also, dass nicht nur Menschen, sondern auch Suchmaschinen versuchen, sich von trägen Websites fernzuhalten. In diesem Sinne finden Sie hier einige der besten Tipps, die Sie implementieren können, um zu vermeiden, dass Besucher belästigt und beim ersten Besuch Ihrer Website abgewiesen werden.
1. Optimieren Sie Ihren Code
Der beste Website-Builder macht es ziemlich einfach, eine Website zu erstellen. Ihre umfangreichen Vorlagen helfen Ihnen dabei, Ihre Website mühelos zu stilisieren. Sie haben jedoch einen Nachteil. Viele der Vorlagen enthalten unordentlichen Code, der Ihre Website verlangsamen kann.
Um das Problem zu beheben, können Sie den gesamten unnötigen Code entfernen und in Ihren HTML-, CSS- und JavaScript-Dateien formatieren. Dieser Vorgang des Entfernens des Überschusses wird als Minimieren bezeichnet. Sie können einfache Online-Tools wie den Minifier von Will Peavy verwenden, um den Einstieg zu erleichtern. WordPress-Benutzer können das Autoptimize-Plugin verwenden, um den Vorgang ziemlich einfach zu gestalten.
2. Komprimieren Sie Ihre Website
Es dauert nicht lange, bis Websites groß und schwer werden. Alle Bilder und sogar die HTML-, CSS- und JavaScript-Dateien im Klartext schwellen schnell an. Einer der besten Mechanismen zur Beschleunigung einer Website ist die Aktivierung der Komprimierung mit Gzip. Dadurch wird die Größe der HTTP-Antwort verringert, wodurch die Antwortzeiten verkürzt werden.
Sie müssen das entsprechende Komprimierungsmodul auf Ihrem Webserver aktivieren, bevor Sie es für Ihre Website aktivieren können, indem Sie die .htaccess-Datei bearbeiten. Die genauen Schritte variieren und hängen von Ihrem Webserver ab. So gehen Sie in Apache vor.
3. Optimieren Sie Bilder
Bilder sind einer der klobigsten Teile einer Website und normalerweise das am langsamsten ladende Element auf einer Webseite. Um das Verhalten zu regieren, ändern Sie zunächst die Größe aller Bilder auf Ihrer Website auf die exakte Größe, in der Sie sie haben möchten, anstatt große Bilder über HTML zu skalieren.
In der Tat sollten Sie eine Liste der verschiedenen Bildgrößen für die verschiedenen Elemente auf Ihrer Website führen, um sicherzustellen, dass Sie nie mehr Pixel hochladen, als Sie benötigen. Wenn Sie eine bildlastige Website haben, sollten Sie auch in Betracht ziehen, diese zu komprimieren. Eines der gebräuchlichsten Tools für diesen Zweck ist reSmush.
Es funktioniert mit allen gängigen Content Management Systemen (CMS) und verfügt über einen Linux CLI-Client zum Komprimieren von Bildern zur Verwendung auf statischen Websites. Sie können auch Compressor.io verwenden, um mehrere Bilder im Handumdrehen zu komprimieren.
4. Lazy Load Multimedia
Lazy Loading bedeutet, dass Bilder, Videos und Iframes erst geladen werden, wenn Benutzer die Seite nach unten scrollen und sie tatsächlich sehen. Dies kann die anfänglichen Ladezeiten Ihrer Seiten erheblich verbessern.
Früher war dies etwas, das Sie mit Hilfe von JavaScript implementiert haben, aber nicht verzögertes Laden ist in Webbrowsern integriert. WordPress-Benutzer haben mehrere Möglichkeiten und zwei unserer Favoriten sind Lazy Load von WP Rocket und a3 Lazy Load, das für mobile Geräte entwickelt wurde.
5. Verwenden Sie schnelle Links zum Teilen von sozialen Medien
In der heutigen Zeit möchten Sie, dass Menschen Ihre Inhalte in sozialen Medien teilen. Auf einfachen HTML-Websites können Sie ein Linkgenerator-Tool wie den kostenlosen Share Link Generator verwenden, mit dem Sie Social-Sharing-Links für Facebook, Twitter, LinkedIn und Pinterest erstellen können, ohne auf Iframes oder JavaScript angewiesen zu sein. Wie üblich mangelt es WordPress-Benutzern nicht an Plugins, die sie für diesen Zweck verwenden können, einschließlich Social Warfare und Grow.
6. Deinstallieren Sie nutzlose Plugins
Ein CMS wie WordPress kann viele Plugins enthalten, die Ihrer Website wirklich nützliche Funktionen hinzufügen können. Wenn Sie jedoch zu viele Plugins haben, kann dies zu einem Crawlen Ihrer Website führen. Aus diesem Grund sollten Sie nur Plugins ausführen, die Sie wirklich benötigen.
Allerdings sind nicht alle Plugins gleich gut gestaltet und Sie können Ihre Website beschleunigen, indem Sie ein Plugin durch eine schnellere Alternative ersetzen. Das Online-Tool GTmetrix analysiert Ihre Website kostenlos und zeigt Ihnen eine Liste der Plugins mit hohen Ladezeiten. Erwägen Sie, diese Plugins zu ersetzen, insbesondere wenn sie mehrmals durch eine leichtere Alternative aufgerufen werden.
WordPress-Benutzer können das Query Monitor-Plugin auch für eine detaillierte Analyse der auf ihrer Website verwendeten Plugins verwenden. Denken Sie natürlich daran, das Query Monitor-Plugin selbst zu entfernen, wenn es seinen Zweck erfüllt hat.
7. Reduzieren Sie Weiterleitungen
Weiterleitungen sind häufig erforderlich, wenn Sie Seiten verschieben und löschen. Dies ist der beste Weg, um Probleme mit fehlerhaften Links zu beseitigen. Obwohl 301-Weiterleitungen 404-Fehlern vorzuziehen sind, sind sie immer noch nicht ideal, da sie die Zeit verlangsamen, die der Browser benötigt, um die richtige Version einer Seite zu erreichen. Sie können den Bulk-Redirect-Checker von Screaming Frog verwenden, um die Weiterleitungen auf Ihrer Website zu analysieren und deren Verwendung zu minimieren.
8. Stellen Sie weniger HTTP-Anforderungen
Das Reduzieren von HTTP-Anforderungen ist eine gute Möglichkeit, Ihre Website zu optimieren. Jedes Element, das Sie einer Seite hinzufügen, wird in eine HTTP-Anforderung übersetzt. Je mehr der Browser diese Anforderungen stellen muss, desto länger dauert es, bis Ihre Seite vollständig geladen ist. Aus diesem Grund sind die Ergebnisse der Reduzierung der Anzahl der Anfragen sehr beeindruckend, auch wenn dies einige Zeit in Anspruch nimmt.
Sie können die Entwicklertools im Browser verwenden und zur Registerkarte Netzwerk wechseln, um die HTTP-Anforderungen im Detail anzuzeigen. Sobald Sie eine Vorstellung davon haben, welche Dateien am längsten zum Laden benötigen, können Sie nach Dateien suchen, die Sie kombinieren können (insbesondere CSS-Dateien), und nach Dateien, die Sie insgesamt löschen können.
9. Stellen Sie CSS vor Skripte
Das richtige Platzieren Ihrer Stylesheets und Skripte beeinflusst, wie Ihre Site geladen wird. Sie sollten Ihr CSS immer oben im Abschnitt platzieren. Auf diese Weise kann der Browser zuerst Ihr CSS laden, sodass Benutzer den Inhalt Ihrer Website laden können.
Javascript sollte dagegen so nah wie möglich am Boden sein. Dies liegt daran, dass die Browser zuerst das JavaScript analysieren müssen, bevor es mit dem nächsten Tag fortfahren kann. Wenn Sie die Skripte vor dem eigentlichen Inhalt platzieren, starren Benutzer auf eine leere Seite, während der Browser das JavaScript knirscht.
10. Gehen Sie nach Möglichkeit auf die alte Schule
Mit einer Skriptsprache wie PHP können Sie Dinge tun, die mit einfachem HTML nicht möglich sind. Die Verarbeitung von PHP dauert jedoch länger als das Parsen von HTML. Vermeiden Sie daher das Anfordern von Informationen über PHP, wenn diese mit statischem HTML abgerufen werden können.
Ebenso ist es nicht immer eine gute Idee, den @ import CSS-Mechanismus zum Einfügen externer Stylesheets in Ihre Webseiten anstelle des HTML-Tags zu verwenden. Während beide den gleichen Zweck erfüllen, verbraucht @import mehr Ressourcen als die direkte Verknüpfung mit Ihren Stylesheets.
11. Aktivieren Sie das Caching
Wenn Sie eine Website besuchen, werden alle Elemente auf der Seite auf Ihrer Festplatte in einem temporären Speicherbereich namens Cache gespeichert. Dies ist praktisch, da Ihr Browser bei späteren Besuchen die Seite aufruft, ohne eine weitere HTTP-Anfrage an den Server senden zu müssen.
Wenn Sie eine WordPress-Site ausführen, können Sie ein Plugin wie das W3 Total Cache-Plugin verwenden, um das Caching einfach zu aktivieren. Wenn Sie jedoch über eine statische HTML-Site verfügen, können Sie das Caching aktivieren, indem Sie einen so genannten Expires-Header in Ihrer .htaccess-Datei verwenden. Nach der Aktivierung sparen abgelaufene Header nicht nur die Zeit, die zum Herunterladen bereits zwischengespeicherter Dateien benötigt wird, sondern tragen auch dazu bei, die Anzahl der HTTP-Anforderungen zu verringern.
12. Frühjahrsputzdatenbanken
Möglicherweise verwenden Sie ein CMS wie WordPress oder Joomla, um Ihre Website zu hosten. Wenn Sie an Ihrer Installation herumspielen (Plugins hinzufügen und entfernen, Posts erstellen und aktualisieren, Upgrades installieren usw.), wird die Datenbank, die das CMS mit Strom versorgt, ziemlich aufgebläht und langsam. Um dies zu vermeiden, sollten Sie das WP-Optimize-Plugin verwenden, um die Datenbank regelmäßig zu bereinigen.
13. Blockieren Sie die Verknüpfung
Hotlinking tritt auf, wenn jemand ein Bild von Ihrer Website anzeigt, indem er seinen Weblink direkt verwendet. Bei jedem Laden wird das Bild vom Server der Quellwebsite extrahiert.
Sie haben mehrere Möglichkeiten, um ein Hotlinking zu verhindern. Viele bekannte Hosts bieten einen Schalter in der Administrationsoberfläche an, um Hotlinks zu verhindern. Dann gibt es WordPress-Plugins wie All In One Security & Firewall, die Schutz vor Hotlinking bieten. Schließlich können Sie Anweisungen in Ihre .htaccess-Datei einfügen.
14. Schalten Sie die Einstellung Keep Alive um
Die Keep Alive-Nachricht wird zwischen dem Webserver und einem Client-Computer ausgetauscht, um dieselbe TCP-Verbindung für die HTTP-Konversation zu ermöglichen, anstatt bei jeder neuen Anforderung eine neue zu öffnen. Keep Alive wird auch als dauerhafte Verbindung bezeichnet und reduziert die Latenz für nachfolgende Anforderungen. Die meisten Hosting-Unternehmen, insbesondere beim Shared Hosting, deaktivieren diese Funktion.
Die Einstellung lässt sich am besten durch Optimieren des Webservers steuern. Sie können jedoch die Standardeinstellungen des Servers überschreiben, indem Sie der .htaccess-Datei die folgenden Zeilen hinzufügen:
Header-Set Verbindung bleibt am Leben
15. Beschleunigen Sie WordPress
WordPress verfügt über mehrere Plugins zur Verbesserung der Leistung, mit denen verschiedene Aspekte der Website optimiert werden können. Eine der umfassendsten ist Perfmatters, die viele der üblicherweise verwendeten Techniken zur Leistungsbeschleunigung anwenden. Das Gute an diesem Premium-Plugin ist, dass die meisten seiner Optimierungstechniken über eine einfache Benutzeroberfläche verfügbar gemacht werden, die es für alle Arten von Benutzern zugänglich macht.
16. Installieren Sie Google PageSpeed
Google PageSpeed ist eine Reihe von Open Source-Modulen für die Apache- und Nginx-Webserver. Sie helfen bei der Optimierung Ihrer Website, indem sie einige der nützlichsten Techniken zur Leistungssteigerung implementieren, wie wir sie in diesem Artikel beschrieben haben. Sie können die Module herunterladen und auf Ihrem Webserver installieren, wenn Sie sie besitzen. Andernfalls müssen Sie nach einem Hosting-Anbieter suchen, der dies tut. Normalerweise bieten Webhosts dies nur mit ihren dedizierten Top-Tier-Hosting-Plänen an, obwohl einige wie GoDaddy es auf ihren Linux-Hosting-Servern installieren.
17. Reduzieren Sie die DNS-Suche
Einer der Hauptfaktoren, der einen direkten Einfluss darauf hat, wie schnell Ihre Website geladen wird, ist die Zeit, die für DNS-Suchvorgänge benötigt wird. Bei einer DNS-Suche wird die einer URL zugeordnete IP-Adresse ermittelt.
Eine Möglichkeit, Ihre Website zu beschleunigen, besteht darin, die Anzahl der eindeutigen Hostnamen zu verringern. Eine geringere Anzahl von DNS-Abfragen verkürzt die Antwortzeit und führt dazu, dass Websites schneller geladen werden. Beachten Sie auch, dass die Zeit, die zum Abfragen der DNS-Einträge benötigt wird, von der Geschwindigkeit des DNS-Anbieters abhängt.
Wenn Sie mit der Leistung Ihres DNS-Anbieters nicht zufrieden sind, sollten Sie zu einem anderen wechseln. DNSperf verfolgt die Abfragegeschwindigkeit der verschiedenen autorisierenden DNS-Anbieter.
18. Aktualisieren Sie auf einen besseren Webhost
Wenn Sie versucht haben, Ihre Website zu beschleunigen, aber keinen großen Unterschied bemerkt haben, liegt das Problem möglicherweise an Ihrem Webhosting. Viele der billigsten Webhosts, insbesondere die gemeinsam genutzten, sind ziemlich überfüllt und verwenden Server, denen die Ressourcen fehlen, um jeder Website genügend zuzuweisen. Sie sollten stattdessen einige Zeit damit verbringen, die verschiedenen angebotenen Optionen zu recherchieren, bevor Sie sich auf einen Host und den Hosting-Plan für Ihre Website einlassen.
19. Verwenden Sie ein Content Delivery-Netzwerk
Neben dem Wechsel zu einem besseren Webhost sollten Sie auch die Verwendung eines Content Delivery Network (CDN) in Betracht ziehen. Im Gegensatz zu Ihrem Server, der sich an einem bestimmten Standort befindet, verwendet ein CDN ein Netzwerk von Servern, die Ihre Inhalte gewissermaßen auf Server auf der ganzen Welt verteilen und sie im Wesentlichen näher an Ihre Besucher heranrücken, unabhängig von deren Standort. CDNs beschleunigen eine Website, indem sie den physischen Abstand zwischen dem Inhalt und den Besuchern verringern. Sie können alle Arten von Inhalten mit CDNs hosten und sogar mehrere verwenden, um auf bestimmte Standorte abzuzielen.
20. Überwachen Sie die Leistung regelmäßig
Ein wichtiger Aspekt bei der Optimierung Ihrer Website ist es, die Leistung im Auge zu behalten. Auf diese Weise können Sie nicht nur die Auswirkungen einer Optimierung abschätzen, sondern je nach verwendetem Tool auch Aspekte der Website aufzeigen, die Aufmerksamkeit erfordern. Der Website-Geschwindigkeitstest von Pingdom ist ein beliebtes Online-Tool, mit dem nicht nur die Ladezeiten der Seite getestet werden, sondern auch die Probleme aufgezeigt werden.
Ebenso können Sie mit Google "Meine Website testen" die Leistung Ihrer Website auf Mobilgeräten analysieren. Das Tool gibt nicht nur nützliche Messdaten heraus, sondern gibt auch Empfehlungen weiter, mit denen Sie Ihre Website für mobile Geräte beschleunigen können.
- Wir haben das beste Wordpress-Webhosting vorgestellt.