Um die Seitengeschwindigkeit zu verbessern, benötigen Sie häufig die Unterstützung verschiedener Tools. Einige dieser Tools werden verwendet, um die Seitengeschwindigkeit zu messen, während andere dazu dienen, die Größe Ihrer Seitenressourcen zu reduzieren. In diesem Artikel haben wir eine Bibliothek erstellt, die als praktische Referenz dient.

Wenn wir die Bereiche auflisten müssen, die von den Tools in diesem Artikel abgedeckt werden:

  • Tools zur Ermittlung der Seitengeschwindigkeit
  • Tools zum Reduzieren der Bildgröße
  • CSS-, JavaScript- und HTML-Optimierungstools

Tools zur Ermittlung der Seitengeschwindigkeit

  1. Google Pagespeed Insights:  Das bekannteste Page-Speed-Tool. Es bewertet Websites, die die Lighthouse-Infrastruktur verwenden, und stellt Daten der letzten 28 Tage bereit.
  2. Webseitentest: Eine Plattform, die drei verschiedene Tests an ihrer Infrastruktur durchführt, um Durchschnittsergebnisse zu liefern, und einen technischeren Bericht mit einer API anbietet.
  3. Treo.sh: Die einzige Plattform, die visuelle Daten der letzten 12 Monate basierend auf der Pagespeed- und CrUX-Infrastruktur präsentiert.
  4. GTmetrix: Ein Tool, das mithilfe der Lighthouse-Infrastruktur Einblicke in die Site-Geschwindigkeit bietet und eine eigene Bewertung vergibt.
  5. Dareboost: Ein Tool, das Informationen zur Site-Geschwindigkeit und der Infrastruktur bereitstellt
  6. Calibri App: Ein Tool, mit dem Sie mithilfe der Lighthouse-Infrastruktur mehrere Seiten mit denen von Wettbewerbern vergleichen können.
  7. Geschwindigkeitskurve: Ein kostenpflichtiges Tool, mit dem Sie RUM- und synthetische Site-Geschwindigkeitsdaten finden können.
  8. Yellowlab: Ein nützliches Tool, das einzigartige, verbesserungsfähige Messwerte für die Infrastruktur bereitstellt.
  9. Speed ​​Kit: Eines der seltenen Tools, das Site-Probleme nicht nur diagnostiziert, sondern auch behandelt, verfügbar als WordPress-Plugin und für normale Sites.
  10. Perfmatters.io: Ein leichtes Performance-Plugin für WordPress.

Tools zum Reduzieren der Bildgröße

  1. Imagify.io: Ein Tool zum Reduzieren der Bildgröße mit einer API und einem WordPress-Plugin.
  2. Squoosh.app: Ein sehr einfaches und schnelles Tool zum Konvertieren von Bildern in Formate wie MozJPEG, OptiPNG und WebP.
  3. TinyJPG: Ein einfaches Tool zum Reduzieren der JPG-Größe.
  4. TinyPNG: Die PNG-Version des vorherigen Tools.
  5. Compressor.io: Eine Plattform, die die Formate JPEG, PNG, GIF und SVG komprimiert und sich durch ihre vergleichbare Optik auszeichnet.
  6. Kraken: Eines der ältesten und stabilsten Tools mit API-Unterstützung, das die Formate JPEG, PNG, GIF, animiertes GIF und SVG sowie WordPress- und Magento-Plugins bietet.
  7. Optimizilla: Ein einfacher und äußerst nützlicher JPEG- und PNG-Dateikompressor.
  8. ImageOptim: Ein Online-Tool, das besonders für die Stapelkomprimierung von Bildern auf Mac-Computern nützlich ist.
  9. Crush-Bilder: Ein Tool, das verlustfreie Optimierung für Bilder mit Shopify- und WordPress-Plugins bietet, auch über API verfügbar.
  10. minifier: Ein SEO-freundliches Tool für Shopify, das Alt-Tags für Bilder generiert.
  11. GIMP Für Web speichern: Eine Anwendung für Windows, die die Stapelkomprimierung von Bildern ermöglicht.
  12. Tool zur Website-Bildanalyse: Ein Tool, das Ihnen basierend auf der eingegebenen URL sagt, welches Bildformat besser optimiert ist.

CSS-, JavaScript- und HTML-Optimierungstools

  1. Aktualisieren-SF: Ein Tool, das CSS, JS und HTML auf einer einzigen Site komprimiert.
  2. Sauberes CSS: Ein weit verbreitetes Tool zur CSS-Komprimierung.
  3. Styleneat: Ein Tool, das CSS-, JS- und HTML-Formate auf einer einzigen Plattform komprimiert.
  4. CSS-Optimierer: Eine Plattform, die CSS-Optimierung bietet.
  5. Tabifier: Eine Plattform, die HTML-, CSS- und JSON-Codestrukturen komprimiert.
  6. minifier: Eine Plattform, die CSS- und JS-Strukturen komprimiert.
  7. Kritisches CSS: Ein von Addy Osmani entwickelter GitHub-Quellcode zum Extrahieren kritischer CSS aus Seiten.
  8. PurifyCSS: Ein sehr nützliches Tool, das nicht verwendetes CSS auf einer Seite trennt.

Diese Tools können Ihre Leistung der Website durch die Optimierung verschiedener Aspekte, von der Messung der Seitengeschwindigkeit bis hin zur Reduzierung der Asset-Größe und Code-Optimierung.