Erhöhen Sie die Ladegeschwindigkeit Ihrer Website - Profit Hunter

Leider achten Suchmaschinen heutzutage leider darauf, wie schnell die Website arbeitet. Dies beeinflusst, wie die Ressource in der Suche eingestuft wird. Darüber hinaus bestimmt die Ladegeschwindigkeit das Verhalten der Besucher, was auch die Roboter berücksichtigen.

Hier finden Sie einige Tipps, wie Sie Ihre Website schneller machen können.

Aufnahme von CSS ganz am Anfang

Genauer gesagt in der Kopfzeilenseite. Die Elemente werden also nacheinander vom Titel bis zur Fußzeile geladen. Was wird es geben? Natürlich ist die Bequemlichkeit der Arbeit mit der Website für den Benutzer und die Erhöhung seiner Loyalität. Wenn CSS ganz unten verbunden ist, weigern sich Browser, Elemente schrittweise zu laden. Daher sollte die Seite auf die CSS-Datei verweisen, die sich bereits im head-Tag befindet.

Erhöhen Sie die Ladegeschwindigkeit Ihrer Website - Profit Hunter

JS - am Ende des Codes

Dank der Verbindung von JS-Dateien ganz am Ende des Downloads wird die Seite mit dem Hauptinhalt, den der Benutzer benötigt, zuerst geladen. Die wichtigste Regel ist, den Besucher nicht auf das zu warten, worauf er gekommen ist. Und zahlreiche schöne Elemente können geladen werden und dann. Beim Laden des Skripts werden übrigens andere Komponenten der Seite nicht geladen, auch nicht von anderen Hosts.

Verwenden von Subdomains

Verfügen Sie über viele grafische Elemente auf Ihren Websites? Dann sollten Sie sie in eine oder mehrere Subdomains übertragen, die für den Browser als unterschiedliche Server gelten. Verwenden Sie jedoch keine Dutzende von Subdomains: Dies schadet nur der Site. Alles in allem müssen Sie wissen, wann Sie aufhören müssen.

Anzahl der HTTP-Anforderungen

In den meisten Fällen werden verschiedene Skripts, CSS-Dateien, Fotos und Flash geladen. Es ist wünschenswert, dass Browser maximal zwei Seitenelemente vom ersten Host laden. Als Ergebnis stellt sich heraus, dass je weniger von ihnen an den Server gerichtet sind.

Allerdings muss das Erscheinungsbild der Site aus diesem Grund nicht geändert werden. Es gibt andere Wege.

  • Inline-Grafik. Durch das Einbetten in CSS und nicht in die Seite selbst erhalten Sie eine geringere Anzahl an Anforderungen an den Server, und die Größe der Seiten nimmt nicht zu.
  • Anwenden von CSS-Sprites. Ihre Essenz liegt in der Tatsache, dass statt ein paar kleine Bilder eines geladen wurden, aber groß. Mit CSS-Code wird es in kleinere Bilder unterteilt. Sie können beispielsweise mehrere Schaltflächen in einer Reihe bearbeiten und sie zu einem Bild zusammenfassen. Je weniger Bilder heruntergeladen werden, desto weniger HTTP-Anforderungen.
  • Mehrere Dateien in einer. Wenn die Vorlage mehr als eine CSS- oder JS-Datei verwendet, ist es ratsam, eine Datei davon zu erstellen.

Bereinigen Sie alle JS- und CSS-Dateien von unnötigem Code.

Entfernen Sie kommentierte Zeilen, zusätzliche Leerzeichen und Registerkarten. Diese irrelevanten Kleinigkeiten verleihen Ihren Dateien mehr Gewicht und erhöhen daher deren Volumen. Spezielle Dienste werden verwendet, um den Code zu komprimieren, sodass Sie nicht alles manuell bearbeiten müssen.

Verkleinern Sie das Bild nicht mit dem Code

Wenn die Originalgröße des Fotos nicht zu Ihnen passt, sollten Sie das Bild zunächst ändern, anstatt es mithilfe eines CSS-Codes oder von img-Tag-Attributen anzupassen.

CDN für Frameworks verwenden

Wenn Frameworks an einer Ressource (wie z. B. jQuery) beteiligt sind, empfiehlt es sich, ein CDN (Content Delivery Network) für sie zu verwenden - ein Cluster von Servern, die geografisch voneinander getrennt sind, um ein Maximum zu gewährleisten Geschwindigkeit der Bereitstellung von Daten an den Kunden.

Der Server für die Inhaltsübertragung wird basierend auf verschiedenen Kriterien ausgewählt, z. B. der Antwortzeit. Als CDN können Sie die Google-API und das Hosting von JavaScript-Bibliotheken von Yandex verwenden.

Zwischenspeichern von Daten in Browsern

Wenn Sie die JS-Verbindung und CSS-Skripts aktiv verwenden, müssen Sie unbedingt den Cache verbinden. Wenn Sie zum ersten Mal auf die Site zugreifen, lädt der Browser des Benutzers alle Codes aus Dateien sowie Grafik- und Flash-Komponenten. Wenn der Expires-HTTP-Header konfiguriert ist, speichert der Browser alle diese Daten, wenn der Besucher zurückkehrt, und die Seiten werden schneller geladen.

Optimierte Bilder

Wählen Sie das richtige Format für Bilder aus. Andernfalls kann sich deren Größe erhöhen. Im Gif-Format ist es daher besser, Bilder mit mehreren Farben und in JPEG - komplexe mehrfarbige Grafiken (z. B. Fotos) - zu speichern. PNG wird verwendet, wenn eine gute Bildqualität und ein transparenter Hintergrund erforderlich sind.

Um ein Bild in Photoshop zu komprimieren, drücken Sie gleichzeitig "Alt + Umschalt + STRG + S" (brechen Sie sich nicht die Finger) und wählen Sie das optimale Verhältnis Größe / Qualität.

Erhöhen Sie die Ladegeschwindigkeit Ihrer Website - Profit Hunter

Sie mögen Artikel? Abonnieren Sie den Newsletter!

Suche

In Verbindung stehende Artikel