Informationen finden sich an vielen Orten, aber nirgends so praktisch und schnell wie im Internet. Die Geschwindigkeit ist eine der Hauptmerkmale dieses Dienstes, und mit unzähligen Quellen müssen Websites, um Benutzer anzuziehen und zu halten, qualitativ hochwertige Inhalte bieten und perfekt funktionieren. Schließlich wird in der Ära des Sofortigen niemand länger als 5 Sekunden auf das Laden einer Seite warten.
Um Ihnen zu helfen, haben wir 10 Tipps zusammengestellt, die Ihre Website schneller machen:
Entfernen Sie unnötige Bytes
Reduzieren Sie die Größe Ihres Codes, indem Sie Leerzeichen, Einrückungen und Zeilenumbrüche entfernen. Sie können dies manuell tun oder spezielle Programme verwenden, die im Internet verfügbar sind, wie zum Beispiel den YUI Compressor für CSS oder den Closure Compiler und JSMin, die den Javascript-Code komprimieren.
Externes CSS
Stile, die innerhalb der Seiten codiert sind, machen die Website unordentlich, da sie jedes Mal heruntergeladen werden, wenn jemand darauf zugreift, während eine externe CSS-Datei nur einmal auf dem Desktop des Besuchers heruntergeladen wird.
Bilder
Bilder mit großen Dimensionen benötigen lange zum Laden, ebenso wie eine große Anzahl von Bildern. Wenn sie unbedingt notwendig sind, wählen Sie die kleinsten möglichen oder komprimieren Sie sie, damit sie in einer zugänglichen Größe bleiben, ohne die Qualität zu verlieren. Dies kann in Photoshop oder mit einigen verfügbaren Online-Tools zur Optimierung durchgeführt werden.
Ein weiterer Tipp ist, die Höhe und Breite der Bilder im HTML anzugeben, damit der Browser sie schneller lesen kann.
Sprite
CSS verfügt über eine Funktion, die es ermöglicht, mehrere Bilder einer Website in einem einzigen zu kompilieren und sie dann mit dem Code zu steuern, was die Anzahl der Anfragen an den Server erheblich reduziert.
On-Demand-Laden
Eine weitere Technik, die verwendet werden kann, ist das On-Demand-Bildladen, das die Bilder entsprechend dem Scrollen der Seite lädt. Auf diese Weise bleibt nur ein Teil des Inhalts sichtbar, und da das Laden fragmentiert ist, ist es schneller.
Tabellen
HTML-Tabellen verwirren den Browser und erschweren das Laden der Seite. Bevorzugen Sie CSS-Layouts, die besser funktionieren und die Geschwindigkeit nicht beeinträchtigen.
Reduzieren Sie sekundäre Ressourcen
Natürlich möchten Sie, dass Ihre Website so vollständig wie möglich ist, aber es nützt nichts, wenn der Benutzer müde wird, bevor er alle Optionen sieht, die sie bietet. Sekundäre Ressourcen wie Pinnwände, Wettervorhersagen, Tabs und Chats sollten entfernt werden, es sei denn, sie sind für Ihr Angebot unerlässlich, oder teilen Sie die Seiten mit übermäßigem Inhalt auf.
Medien
Bevorzugen Sie Elemente, die nur abgespielt werden, wenn der Play-Button gedrückt wird, wie z.B. Videos. Animationen und alternative Medien in Flash oder QuickTime, die automatisch mit der Seite geladen werden, sind möglicherweise nicht so relevant und können eine unnötige Belastung darstellen.
Links
Links zu den Unternehmensprofilen in sozialen Netzwerken auf der Website sind ein großartiges Mittel, um das Engagement zu erhöhen, aber Links zu Drittanbieter-Websites wie LinkedIn oder Facebook können die Seite verlangsamen, wenn die Referenz zu ihnen am Anfang des Codes steht. Entfernen Sie die Links nicht, sondern verschieben Sie sie ans Ende, damit der Rest der Elemente der Seite nicht in der Warteschlange bleibt, bevor sie geladen werden.
CloudFlare
Der CloudFlare ist ein Content Delivery Network, das ein System zur Verteilung von Seiten über mehrere Server weltweit hat. Es verfügt über einen Optimierer für HTML-, CSS- und JavaScript-Code, der die Dateien der Websites komprimiert und reduziert und die endgültige Version für die Benutzer optimiert.
Um den Dienst zu nutzen, müssen Sie sich einfach auf der Plattform registrieren und die Domain konfigurieren.