Het verbeteren van uw paginasnelheid vereist vaak ondersteuning van verschillende tools. Sommige van deze tools worden gebruikt om de paginasnelheid te meten, terwijl andere worden gebruikt om de omvang van uw pagina-items te verkleinen. In dit artikel hebben we een bibliotheek gemaakt die als handig naslagwerk kan dienen.
Als we in dit artikel de gebieden moeten opsommen die onder de tools vallen:
- Hulpmiddelen om de paginasnelheid te bepalen
- Hulpmiddelen om de afbeeldingsgrootte te verkleinen
- CSS, JavaScript, HTML-optimalisatietools
Hulpmiddelen om de paginasnelheid te bepalen
- Google Pagespeed-inzichten: De meest bekende tool voor paginasnelheid. Het scoort sites die de Lighthouse-infrastructuur gebruiken en levert gegevens van de afgelopen 28 dagen.
- WebPagetest: Een platform dat drie verschillende tests uitvoert op zijn infrastructuur om gemiddelde resultaten te leveren en een meer technisch rapport biedt met een API.
- Treo.sh: Het enige platform dat visuele gegevens van de afgelopen 12 maanden presenteert op basis van Pagespeed en CrUX-infrastructuur.
- GTmetrix: Een tool die inzicht geeft in de sitesnelheid met behulp van de Lighthouse-infrastructuur en een eigen score geeft.
- Dareboos: Een tool die informatie over de locatiesnelheid op de infrastructuur levert.
- Calibri-app: Een tool waarmee u meerdere pagina's kunt vergelijken met concurrenten die de Lighthouse-infrastructuur gebruiken.
- SnelheidCurve: een betaalde tool waar u RUM- en synthetische sitesnelheidsgegevens kunt vinden.
- Geellab: Een handig hulpmiddel dat unieke, verbeterbare statistieken over de infrastructuur biedt.
- Snelheidskit: Een van de zeldzame tools die niet alleen siteproblemen diagnosticeert maar ook behandelt, beschikbaar als WordPress-plug-in en voor normale sites.
- Perfmatters.io: Een lichtgewicht prestatie-plug-in voor WordPress.
Hulpmiddelen om de afbeeldingsgrootte te verkleinen
- Imagify.io: Een tool voor het verkleinen van afbeeldingsgroottes, met een API en een WordPress-plug-in.
- Squoosh.app: Een zeer eenvoudige en snelle tool voor het converteren van afbeeldingen naar formaten zoals MozJPEG, OptiPNG en WebP.
- TinyJPG: Een eenvoudig hulpmiddel voor het verkleinen van JPG-formaten.
- TinyPNG: De PNG-versie van de vorige tool.
- Compressor.io: een platform dat de JPEG-, PNG-, GIF- en SVG-formaten comprimeert en opvalt door zijn vergelijkende beelden.
- Kraken: Een van de oudste en meest robuuste tools met API-ondersteuning, die de formaten JPEG, PNG, GIF, Animated GIF en SVG biedt, samen met WordPress- en Magento-plug-ins.
- Optimizilla: Een eenvoudige en zeer nuttige JPEG- en PNG-bestandscompressor.
- ImageOptim: een online tool, vooral handig voor batchcompressie van afbeeldingen op Mac-computers.
- Foto's verpletteren: Een tool die verliesloze optimalisatie voor afbeeldingen biedt met Shopify- en WordPress-plug-ins, ook beschikbaar via API.
- minifier: Een SEO-vriendelijke tool voor Shopify die alt-tags voor afbeeldingen genereert.
- GIMP Opslaan voor internet: een toepassing voor Windows die batchcompressie van afbeeldingen mogelijk maakt.
- Hulpmiddel voor analyse van website-afbeeldingen: Een tool die u vertelt welk afbeeldingsformaat meer geoptimaliseerd is op basis van de invoer-URL.
CSS, JavaScript, HTML-optimalisatietools
- Vernieuwen-SF: Een tool die CSS, JS en HTML allemaal op één site comprimeert.
- Schone CSS: Een veelgebruikte tool voor CSS-compressie.
- Stijl netjes: Een tool die CSS-, JS- en HTML-formaten op één platform comprimeert.
- CSS-optimalisatie: Een platform dat CSS-optimalisatie biedt.
- Tabificator: Een platform dat HTML-, CSS- en JSON-codestructuren comprimeert.
- minifier: Een platform dat CSS- en JS-structuren comprimeert.
- Kritieke CSS: Een GitHub-broncode ontwikkeld door Addy Osmani om kritische CSS uit pagina's te extraheren.
- ZuiverenCSS: Een zeer nuttige tool die ongebruikte CSS op een pagina scheidt.
Deze hulpmiddelen kunnen uw prestaties van de website door verschillende aspecten te optimaliseren, van het meten van de paginasnelheid tot het verkleinen van de assetgrootte en het optimaliseren van de code.
