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
- 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.
- 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.
- Treo.sh: Den eneste platform, der præsenterer visuelle data for de sidste 12 måneder baseret på Pagespeed og CrUX-infrastruktur.
- GTmetrix: Et værktøj, der giver indsigt i stedets hastighed ved hjælp af Lighthouse-infrastrukturen og giver sin egen score.
- Dareboost: Et værktøj, der giver oplysninger om webstedets hastighed om dets infrastruktur.
- Calibri app: Et værktøj, der giver dig mulighed for at sammenligne flere sider med konkurrenter ved hjælp af Lighthouse-infrastrukturen.
- SpeedCurve: Et betalt værktøj, hvor du kan finde RUM og syntetiske webstedshastighedsdata.
- Yellowlab: Et nyttigt værktøj, der giver unikke, forbedrelige målinger på sin infrastruktur.
- 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.
- Perfmatters.io: Et letvægts ydeevne plugin til WordPress.
Værktøjer til at reducere billedstørrelse
- Imagify.io: Et værktøj til at reducere billedstørrelser med en API og et WordPress-plugin.
- Squoosh.app: Et meget enkelt og hurtigt værktøj til at konvertere billeder til formater som MozJPEG, OptiPNG og WebP.
- TinyJPG: Et simpelt værktøj til at reducere JPG-størrelser.
- TinyPNG: PNG-versionen af det forrige værktøj.
- Compressor.io: En platform, der komprimerer JPEG-, PNG-, GIF- og SVG-formater og skiller sig ud med sine sammenlignende billeder.
- 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.
- Optimizilla: En enkel og yderst nyttig JPEG- og PNG-filkompressor.
- ImageOptim: Et onlineværktøj, især nyttigt til batch-billedkomprimering på Mac-computere.
- Knus billeder: Et værktøj, der tilbyder tabsfri optimering af billeder med Shopify- og WordPress-plugins, også tilgængeligt via API.
- minifier: Et SEO-venligt værktøj til Shopify, der genererer alt-tags til billeder.
- GIMP Gem til web: Et program til Windows, der tillader batch-billedkomprimering.
- 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
- Opdater-SF: Et værktøj, der komprimerer CSS, JS og HTML på ét websted.
- RenCSS: Et meget brugt værktøj til CSS-komprimering.
- Styleneat: Et værktøj, der komprimerer CSS-, JS- og HTML-formater på en enkelt platform.
- Css Optimizer: En platform, der giver CSS-optimering.
- Tabifier: En platform, der komprimerer HTML-, CSS- og JSON-kodestrukturer.
- minifier: En platform, der komprimerer CSS- og JS-strukturer.
- Kritisk CSS: En GitHub-kildekode udviklet af Addy Osmani til at udtrække kritisk CSS fra sider.
- 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.
