Att förbättra din sidhastighet kräver ofta stöd från olika verktyg. Vissa av dessa verktyg används för att mäta sidhastighet, medan andra används för att minska storleken på dina sidtillgångar. I den här artikeln har vi skapat ett bibliotek för att fungera som en praktisk referens.

Om vi ​​behöver lista de områden som täcks av verktygen i den här artikeln:

  • Verktyg för att bestämma sidhastighet
  • Verktyg för att minska bildstorleken
  • CSS, JavaScript, HTML-optimeringsverktyg

Verktyg för att bestämma sidhastighet

  1. Google Pagespeed Insights:  Det mest kända verktyget för sidhastighet. Det poängsätter webbplatser med hjälp av Lighthouse-infrastrukturen och tillhandahåller data från de senaste 28 dagarna.
  2. Webbagetest: En plattform som utför tre olika tester på sin infrastruktur för att ge genomsnittliga resultat och erbjuder en mer teknisk rapport med ett API.
  3. Treo.sh: Den enda plattformen som presenterar visuell data för de senaste 12 månaderna baserat på Pagespeed och CrUX-infrastruktur.
  4. GTmetrix: Ett verktyg som ger insikter om webbplatsens hastighet med hjälp av Lighthouse-infrastrukturen och ger sina egna poäng.
  5. Dareboost: Ett verktyg som ger information om webbplatsens hastighet om dess infrastruktur.
  6. Calibri-appen: Ett verktyg som låter dig jämföra flera sidor med konkurrenter som använder Lighthouse-infrastrukturen.
  7. SpeedCurve: Ett betalverktyg där du kan hitta RUM och syntetiska webbplatshastighetsdata.
  8. Yellowlab: Ett användbart verktyg som ger unika förbättringsbara mätvärden på sin infrastruktur.
  9. Speed ​​Kit: Ett av de sällsynta verktygen som inte bara diagnostiserar utan också behandlar webbplatsproblem, tillgängligt som ett WordPress-plugin och för vanliga webbplatser.
  10. Perfmatters.io: Ett lättviktigt prestandaplugin för WordPress.

Verktyg för att minska bildstorleken

  1. Imagify.io: Ett verktyg för att minska bildstorlekar, med ett API och ett WordPress-plugin.
  2. Squoosh.app: Ett mycket enkelt och snabbt verktyg för att konvertera bilder till format som MozJPEG, OptiPNG och WebP.
  3. TinyJPG: Ett enkelt verktyg för att minska JPG-storlekar.
  4. TinyPNG: PNG-versionen av det tidigare verktyget.
  5. Compressor.io: En plattform som komprimerar JPEG-, PNG-, GIF- och SVG-format och sticker ut med sina jämförande bilder.
  6. kraken: Ett av de äldsta och mest robusta verktygen med API-stöd, som erbjuder JPEG, PNG, GIF, Animerad GIF och SVG-format, tillsammans med WordPress och Magento plugins.
  7. Optimizilla: En enkel och mycket användbar JPEG- och PNG-filkompressor.
  8. ImageOptim: Ett onlineverktyg, särskilt användbart för batch-bildkomprimering på Mac-datorer.
  9. Krossa bilder: Ett verktyg som erbjuder förlustfri optimering för bilder med Shopify- och WordPress-plugins, även tillgängligt via API.
  10. Minifier: Ett SEO-vänligt verktyg för Shopify som genererar alt-taggar för bilder.
  11. GIMP Spara för webben: Ett program för Windows som tillåter batch-bildkomprimering.
  12. Verktyg för analys av webbsidor: Ett verktyg som talar om vilket bildformat som är mer optimerat baserat på inmatningsadressen.

CSS, JavaScript, HTML-optimeringsverktyg

  1. Uppdatera-SF: Ett verktyg som komprimerar CSS, JS och HTML på en och samma webbplats.
  2. CleanCSS: Ett flitigt använt verktyg för CSS-komprimering.
  3. Styleneat: Ett verktyg som komprimerar CSS-, JS- och HTML-format på en enda plattform.
  4. Css Optimizer: En plattform som tillhandahåller CSS-optimering.
  5. Tabifier: En plattform som komprimerar HTML-, CSS- och JSON-kodstrukturer.
  6. Minifier: En plattform som komprimerar CSS- och JS-strukturer.
  7. Kritisk CSS: En GitHub-källkod utvecklad av Addy Osmani för att extrahera kritisk CSS från sidor.
  8. PurifyCSS: Ett mycket användbart verktyg som separerar oanvänd CSS på en sida.

Dessa verktyg kan avsevärt förbättra din webbplatsens prestanda genom att optimera olika aspekter, från mätning av sidhastighet till minskning av tillgångsstorlek och kodoptimering.