LoadView

15 Tipps zur Erhöhung der Website-Geschwindigkeit

| Leistungstest, Technische Tipps

Die Bedeutung der Website-Geschwindigkeit

  • Besucherbindung. Je länger das Laden der Seite dauert, desto wahrscheinlicher ist es, dass ein Benutzer springt.
  • Google Suchmaschinen-Rankings. Google berücksichtigt die Ladegeschwindigkeit der Seiten als eines der vielen Ranking-Signale, die verwendet werden, um Suchmaschinen-Rankingszu bestimmen.
  • Schlagen Sie Ihre Konkurrenten. Wenn Ihre Website ständig schneller geladen wird als die Konkurrenz, bleiben Benutzer eher bei Ihnen, als sich an die langsameren Websites zu wenden.
  • Bessere Benutzererfahrung. Vermeiden Sie Die Frustration der Benutzer mit einer langsamen Website und geben Sie ihnen eine optimierte Benutzererfahrung.
    Beschleunigen Sie Ihre Website

    In der heutigen Instant-On-Welt ist Geschwindigkeit alles!

Optimieren der Website-Performance

Hier haben wir eine Liste der Dinge, die Sie tun können, um die Geschwindigkeit Ihrer Website zu optimieren. Viele dieser Techniken erfordern möglicherweise zusätzliche Kenntnisse, wie die Verwendung der unten genannten CSS-Sprites. Wir wollen das Rad hier nicht neu erfinden, aber Sie können Tutorials online mit ein wenig Google-fu finden (suchen Sie bei Google nach den Keywords, mit denen Sie nicht vertraut sind oder die den besten Weg zur Implementierung wissen möchten). Fangen wir an.

    1.  

     

      1. Hosting-Geschwindigkeit ist wichtig. Sie können den am meisten optimierten Code auf dem Planeten haben, aber wenn Sie mit einem Anbieter zweiter Rate hosten, der eine erhebliche Verzögerungszeit und eine langsame Zeit zum ersten Byte (TTFB) hat, werden Ihre Optimierungsbemühungen größtenteils vergeblich sein. Führen Sie metrikbasierte Leistungstests durch, um den schnellsten Webhost zu ermitteln. Anschließend kann eine Leistungsüberwachung eingerichtet werden, um sicherzustellen, dass Ihr Hosting-Unternehmen auf dem neuesten Stand ist.

     

      1. Beschränken Sie die Anzahl der Anforderungen, die für eine Seite erforderlich sind. Jedes Mal, wenn ein Benutzer eine Anforderung von einem Browser an den Server sendet, gehen wertvolle Millisekunden verloren. Durch die Konsolidierung von Elementen in einzelnen Dateien, z. B. eine CSS-Sprite-Datei anstelle von Dutzenden von Bilddateien, begrenzen Sie die Anzahl der Anforderungen, die der Browser

     

      1. Generieren Sie eine CSS-Sprite-Datei. Anstatt Dutzende von Bildern für jede Seite auf Ihrer Website herunterzuladen, sollte eine CSS-Sprite-Datei nur einen einzigen Download erfordern. Dies würde die Notwendigkeit, viele kleinere Bilder für Dinge wie Menüs, abgerundete Rahmen und Hintergrundbilder zu haben. Das Wesen einer CSS-Sprite-Datei besteht darin, dass Sie alle Bilder von Ihrer Website in einer einzigen PNG-Datei stapeln und Verweise auf jeden Bildspeicherort in Ihrem CSS erstellen. Wenn Sie das Bild anzeigen müssen, rufen Sie einfach die CSS-Klasse innerhalb eines div-Tags auf.

     

      1. Verwenden Sie CSS, wann immer möglich. Befreien Sie sich von Inline-Stilen, Bildern und anderen Inhalten, die über mehrere Seiten auf Ihrer Website freigegeben wurden.

     

      1. Konsolidieren Sie Ihre Stylesheets, sodass es nur eine CSS-Anforderung gibt. Sobald Sie das Stylesheet heruntergeladen haben, werden zukünftige Anforderungen für alle stilbezogenen Elemente eliminiert.
        Eine mögliche Ausnahme von der Regel eines Stylesheets pro Website ist, wenn Sie die Zeit auf Interaktion oder den Inhalt “über dem Falten” optimieren. Inhalte, die oben auf der Seite angezeigt werden und es einem Benutzer ermöglichen, mit der Website zu interagieren, sollten priorisiert werden, wenn Sie befürchten, dass Benutzer springen, wenn das Laden der Seite zu lange dauert. In diesem Fall können Sie eine CSS-Datei laden, um den Faltinhalt sofort korrekt anzuzeigen, und dann die zweite CSS-Datei laden, um alles andere auf der Seite zu optimieren.

     

      1. Verwenden Sie Content Delivery Networks (CDNs). CDNs stellen Website-Inhalte, insbesondere größere Bilder, Video- und Mediendateien, so nah wie möglich am Endbenutzer. Anstatt dass alle Benutzer die Elemente von Ihrem Webserver aufrufen, laden sie diese Elemente jetzt von einem CDN-Server herunter, der nur wenige Hops entfernt in einem Rechenzentrum in der Nähe ihres geografischen Standorts gehostet wird.
        Solange Sie nicht mehr als ein paar Domänen verwenden, wird die Aufteilung von Elementen auf mehrere Domänen (z. B. Ihre Basisdomäne und ein CDN) die gleichzeitigen parallelen Downloads im Browser maximieren. An diesem Punkt beginnen die Kosten der DNS-Suche auf Sie zu zählen.

     

      1. Minimieren Sie die Anzahl der DNS-Suchen, die von Ihrer Site benötigt werden. Jedes Element, das von einer eindeutigen Domäne gehostet wird, erfordert möglicherweise eine zusätzliche Suche, die Ihre Ladezeit um Sekunden erhöhen kann. Selbst Anforderungen für verwandte Domänen (z. B. www.example.com und css.example.com) erfordern noch eine zusätzliche Suche. Wenn dies kontraintuitiv klingt, nachdem wir nur die Verwendung von CDNs empfohlen haben, dann deshalb, weil es ein glückliches Medium geben sollte. Versuchen Sie einfach, die Anzahl der zusätzlichen Domänen zu begrenzen, auf die verwiesen wird. Extreme Optimierer gehen so weit, alle Social-Media-Buttons zu entfernen, weil sie jede Domain aufrufen.

     

      1. Stellen Sie sicher, dass Ihr Server browser-Caching basierend auf Dateialter, Ablauf und Etag zulässt. Dies bedeutet, dass alle Inhalte, die ein Browser kürzlich vom Server heruntergeladen hat, z. B. ein Firmenlogo, nicht erneut heruntergeladen werden, solange er noch gültig ist. Stellen Sie außerdem sicher, dass jedes Element über eine ordnungsgemäße TTL oder das dateialter Element verfügt, um die Vorteile der Browserzwischenspeicherung zu nutzen.

     

      1. Verschieben Sie JavaScript an den unteren Rand der Seite. Dadurch wird sichergestellt, dass Inhalte geladen werden, bevor auf größere JavaScript-Dateien gewartet wird.

     

      1. Wenn Sie die Option haben, konsolidieren oder eliminieren Sie so viele JavaScript-Plugins wie möglich. Es ist zwar toll, Daten darüber zu sammeln, wie Ihre Besucher Ihre Website nutzen, aber Sie möchten nicht, dass das Skript sammelt, dass diese Daten Ihre Website verlangsamen und die Benutzererfahrung beeinträchtigen. Wenn Sie ein neues Plugin zu einer Website hinzufügen möchten, stellen Sie sicher, dass Sie die Funktionalität eines vorhandenen Plugins nicht duplizieren, und wenn Sie es sind, entfernen Sie das alte Plugin.

     

      1. Verwenden Sie die Komprimierung auf Ihrer Website. Die Verwendung von gzip kann die Gesamtgröße der Dateien, die Sie vom Server an den Browser senden, erheblich verringern. Die Komprimierung führt häufig zu einer Verringerung der Bandbreitennutzung um mehr als 70 Prozent.

     

      1. Optimieren Sie die Dateigrößen, indem Sie nur die kleinste Bildgröße senden, die für die Seite erforderlich ist. Bearbeiten Sie das Bild so, dass es die exakte Pixelgröße ist, die auf der Seite erforderlich ist. Verwenden Sie bei der Auswahl eines Dateiformats für Bilder PNGs oder JPEGs anstelle von TIFFs und BMPs. Verwenden Sie ein Bildkomprimierungstool wie TinyPNG. Es ist ein großartiges Tool, um die Dateigröße von Bildern zu verkleinern, bevor Sie sie auf Ihrer Website setzen. Vermeiden Sie auch leere Quell-Tags auf Bildern. Ein leeres Tag bewirkt, dass der Browser eine zusätzliche Anforderung an den Server sendet.

     

      1. Minimieren Sie den Code. Nachdem die Seite abgeschlossen ist, führen Sie einen Code als Minifier aus. Googles Version (https://developers.google.com/speed/docs/insights/MinifyResources) entfernt alle unnötigen Codes, wie leere Leerzeichen, leere Zeilen usw., wodurch KBs von Dateigröße gespeichert werden.

     

      1. Optimieren Sie Ihre Datenbank. Wenn Ihre Website eine Datenbank zum Hosten dynamischer Inhalte verwendet, möchten Sie sicherstellen, dass die Datenbank ordnungsgemäß indiziert ist. Minimieren Sie nach der Indizierung der Datenbank die Anzahl der Aufrufe an die Datenbank. Wenn Ihre Website beispielsweise Ergebnisse aus der Datenbank abgreift, um Listenprodukte anzuzeigen, verwenden Sie die Ergebnisse der Abfrage, anstatt eine zusätzliche Abfrage zu senden, wenn Sie in eine Teilmenge der Ergebnisse bohren.

     

      1. Überwachen Sie Ihre Website täglich auf fehlerhafte Anforderungen. Wenn Ihre Website Code enthält, der auf ein Element verweist, das nicht mehr existiert, entweder auf Ihrem Server oder von einem Drittanbieter, verschwenden Sie unnötigErweise Zeit mit dem Senden und Warten auf 404 Fehler.

     

      1. Bonus-Tipp! Testen Sie Ihre Website regelmäßig auf Kompatibilität in verschiedenen Browsern, einschließlich verschiedener mobiler Plattformen. Mobile Besucher beginnen, den Browser-Markt zu dominieren. Konzentrieren Sie sich darauf, Ihre Website vor dem Desktop auf Mobilgeräten zu testen.

    Wenn Sie diese Schritte ausführen, sollten Sie in der Lage sein, die Ladegeschwindigkeit Ihrer Webseite zu optimieren und die Benutzerfreundlichkeit Ihrer Website zu erhöhen. Die Qualität Ihrer Inhalte zu gewährleisten, um die Aufmerksamkeit der Website-Besucher zu behalten, liegt bei Ihnen!

    Zusätzlich zu einem Website-Geschwindigkeitstest, um ein klares Bild davon zu erhalten, wie Ihre Website aus der ganzen Welt abschneidet, eignet sich das Google-Tool für die Geschwindigkeitsüberschreitung von Google-Seiten ideal, um Ihre Webseite zu analysieren und Vorschläge zu machen, wie Sie viele der in diesem Artikel aufgeführten Optimierungen durchführen können. Das Yslow Plugin ist auch ein großartiges Werkzeug, um zusätzliche Möglichkeiten zu finden, um eine Webseite zu optimieren.