Forbedring af din sidehastighed kræver ofte støtte fra forskellige værktøjer. Nogle af disse værktøjer bruges til at måle sidehastighed, mens andre bruges til at reducere størrelsen af ​​dine sideaktiver. I denne artikel har vi oprettet et bibliotek, der kan tjene som en praktisk reference.

Hvis vi har brug for at liste de områder, der er dækket af værktøjerne i denne artikel:

  • Værktøjer til at bestemme sidehastighed
  • Værktøjer til at reducere billedstørrelsen
  • CSS, JavaScript, HTML optimeringsværktøjer

Værktøjer til at bestemme sidehastighed

  1. Google Pagespeed Insights:  Det mest kendte sidehastighedsværktøj. Det scorer websteder ved hjælp af Lighthouse-infrastrukturen og leverer data fra de seneste 28 dage.
  2. WebPagetest: En platform, der udfører tre forskellige test på sin infrastruktur for at give gennemsnitlige resultater og tilbyder en mere teknisk rapport med en API.
  3. Treo.sh: Den eneste platform, der præsenterer visuelle data for de sidste 12 måneder baseret på Pagespeed og CrUX-infrastruktur.
  4. GTmetrix: Et værktøj, der giver indsigt i stedets hastighed ved hjælp af Lighthouse-infrastrukturen og giver sin egen score.
  5. Dareboost: Et værktøj, der giver oplysninger om webstedets hastighed om dets infrastruktur.
  6. Calibri app: Et værktøj, der giver dig mulighed for at sammenligne flere sider med konkurrenter ved hjælp af Lighthouse-infrastrukturen.
  7. SpeedCurve: Et betalt værktøj, hvor du kan finde RUM og syntetiske webstedshastighedsdata.
  8. Yellowlab: Et nyttigt værktøj, der giver unikke, forbedrelige målinger på sin infrastruktur.
  9. Speed ​​Kit: Et af de sjældne værktøjer, der ikke kun diagnosticerer, men også behandler webstedsproblemer, tilgængeligt som et WordPress-plugin og til normale websteder.
  10. Perfmatters.io: Et letvægts ydeevne plugin til WordPress.

Værktøjer til at reducere billedstørrelse

  1. Imagify.io: Et værktøj til at reducere billedstørrelser med en API og et WordPress-plugin.
  2. Squoosh.app: Et meget enkelt og hurtigt værktøj til at konvertere billeder til formater som MozJPEG, OptiPNG og WebP.
  3. TinyJPG: Et simpelt værktøj til at reducere JPG-størrelser.
  4. TinyPNG: PNG-versionen af ​​det forrige værktøj.
  5. Compressor.io: En platform, der komprimerer JPEG-, PNG-, GIF- og SVG-formater og skiller sig ud med sine sammenlignende billeder.
  6. Kraken: Et af de ældste og mest robuste værktøjer med API-understøttelse, der tilbyder JPEG-, PNG-, GIF-, Animated GIF- og SVG-formater sammen med WordPress og Magento plugins.
  7. Optimizilla: En enkel og yderst nyttig JPEG- og PNG-filkompressor.
  8. ImageOptim: Et onlineværktøj, især nyttigt til batch-billedkomprimering på Mac-computere.
  9. Knus billeder: Et værktøj, der tilbyder tabsfri optimering af billeder med Shopify- og WordPress-plugins, også tilgængeligt via API.
  10. minifier: Et SEO-venligt værktøj til Shopify, der genererer alt-tags til billeder.
  11. GIMP Gem til web: Et program til Windows, der tillader batch-billedkomprimering.
  12. Website billedanalyseværktøj: Et værktøj, der fortæller dig, hvilket billedformat der er mere optimeret baseret på input-URL'en.

CSS, JavaScript, HTML-optimeringsværktøjer

  1. Opdater-SF: Et værktøj, der komprimerer CSS, JS og HTML på ét websted.
  2. RenCSS: Et meget brugt værktøj til CSS-komprimering.
  3. Styleneat: Et værktøj, der komprimerer CSS-, JS- og HTML-formater på en enkelt platform.
  4. Css Optimizer: En platform, der giver CSS-optimering.
  5. Tabifier: En platform, der komprimerer HTML-, CSS- og JSON-kodestrukturer.
  6. minifier: En platform, der komprimerer CSS- og JS-strukturer.
  7. Kritisk CSS: En GitHub-kildekode udviklet af Addy Osmani til at udtrække kritisk CSS fra sider.
  8. RensCSS: Et meget nyttigt værktøj, der adskiller ubrugt CSS på en side.

Disse værktøjer kan forbedre din hjemmesidens ydeevne ved at optimere forskellige aspekter, fra sidehastighedsmåling til reduktion af aktivstørrelse og kodeoptimering.