Å forbedre sidehastigheten krever ofte støtte fra ulike verktøy. Noen av disse verktøyene brukes til å måle sidehastighet, mens andre brukes til å redusere størrelsen på sidene dine. I denne artikkelen har vi laget et bibliotek for å tjene som en praktisk referanse.

Hvis vi trenger å liste opp områdene som dekkes av verktøyene i denne artikkelen:

  • Verktøy for å bestemme sidehastighet
  • Verktøy for å redusere bildestørrelsen
  • CSS, JavaScript, HTML-optimaliseringsverktøy

Verktøy for å bestemme sidehastighet

  1. Google Pagespeed Insights:  Det mest kjente sidehastighetsverktøyet. Den scorer nettsteder ved hjelp av Lighthouse-infrastrukturen og gir data fra de siste 28 dagene.
  2. Nettsidetest: En plattform som utfører tre forskjellige tester på sin infrastruktur for å gi gjennomsnittlige resultater og tilbyr en mer teknisk rapport med en API.
  3. Treo.sh: Den eneste plattformen som presenterer visuelle data for de siste 12 månedene basert på Pagespeed og CrUX-infrastruktur.
  4. GTmetrix: Et verktøy som gir innsikt i stedets hastighet ved å bruke Lighthouse-infrastrukturen og gir sin egen poengsum.
  5. Dareboost: Et verktøy som gir informasjon om nettstedhastighet på infrastrukturen.
  6. Calibri-appen: Et verktøy som lar deg sammenligne flere sider med konkurrenter ved å bruke Lighthouse-infrastrukturen.
  7. SpeedCurve: Et betalt verktøy hvor du kan finne RUM og syntetiske nettstedhastighetsdata.
  8. Yellowlab: Et nyttig verktøy som gir unike forbedringsbare beregninger på infrastrukturen.
  9. Speed ​​Kit: Et av de sjeldne verktøyene som ikke bare diagnostiserer, men også behandler nettstedsproblemer, tilgjengelig som WordPress-plugin og for vanlige nettsteder.
  10. Perfmatters.io: En lett ytelsesplugin for WordPress.

Verktøy for å redusere bildestørrelse

  1. Imagify.io: Et verktøy for å redusere bildestørrelser, med en API og en WordPress-plugin.
  2. Squoosh.app: Et veldig enkelt og raskt verktøy for å konvertere bilder til formater som MozJPEG, OptiPNG og WebP.
  3. TinyJPG: Et enkelt verktøy for å redusere JPG-størrelser.
  4. TinyPNG: PNG-versjonen av det forrige verktøyet.
  5. Compressor.io: En plattform som komprimerer JPEG-, PNG-, GIF- og SVG-formater og skiller seg ut med sine sammenlignende bilder.
  6. Kraken: Et av de eldste og mest robuste verktøyene med API-støtte, og tilbyr JPEG-, PNG-, GIF-, Animated GIF- og SVG-formater, sammen med WordPress og Magento-plugins.
  7. Optimizilla: En enkel og svært nyttig JPEG- og PNG-filkompressor.
  8. ImageOptim: Et nettbasert verktøy, spesielt nyttig for batch-bildekomprimering på Mac-datamaskiner.
  9. Knus bilder: Et verktøy som tilbyr tapsfri optimalisering for bilder med Shopify- og WordPress-plugins, også tilgjengelig via API.
  10. minifier: Et SEO-vennlig verktøy for Shopify som genererer alt-tagger for bilder.
  11. GIMP Lagre for web: Et program for Windows som tillater batch-bildekomprimering.
  12. Verktøy for bildeanalyse på nettstedet: Et verktøy som forteller deg hvilket bildeformat som er mer optimalisert basert på inndata-URLen.

CSS, JavaScript, HTML-optimaliseringsverktøy

  1. Oppdater-SF: Et verktøy som komprimerer CSS, JS og HTML på ett nettsted.
  2. RenCSS: Et mye brukt verktøy for CSS-komprimering.
  3. Styleneat: Et verktøy som komprimerer CSS-, JS- og HTML-formater på én enkelt plattform.
  4. CSS Optimizer: En plattform som gir CSS-optimalisering.
  5. Tabifier: En plattform som komprimerer HTML-, CSS- og JSON-kodestrukturer.
  6. minifier: En plattform som komprimerer CSS- og JS-strukturer.
  7. Kritisk CSS: En GitHub-kildekode utviklet av Addy Osmani for å trekke ut kritisk CSS fra sider.
  8. PurifyCSS: Et veldig nyttig verktøy som skiller ubrukt CSS på en side.

Disse verktøyene kan forbedre din nettstedets ytelse ved å optimalisere ulike aspekter, fra sidehastighetsmåling til reduksjon av ressursstørrelse og kodeoptimalisering.