L'amélioration de la vitesse de votre page nécessite souvent l'assistance de divers outils. Certains de ces outils sont utilisés pour mesurer la vitesse des pages, tandis que d'autres sont utilisés pour réduire la taille des éléments de votre page. Dans cet article, nous avons créé une bibliothèque pour servir de référence pratique.

S’il faut lister les domaines couverts par les outils dans cet article :

  • Outils pour déterminer la vitesse des pages
  • Outils pour réduire la taille de l'image
  • Outils d'optimisation CSS, JavaScript, HTML

Outils pour déterminer la vitesse de la page

  1. Informations Google Pagespeed :  L'outil de vitesse de page le plus connu. Il évalue les sites utilisant l'infrastructure Lighthouse et fournit des données des 28 derniers jours.
  2. Test de page Web: Une plateforme qui effectue trois tests différents sur son infrastructure pour fournir des résultats moyens et propose un rapport plus technique avec une API.
  3. Treo.sh: La seule plateforme qui présente des données visuelles des 12 derniers mois basées sur l'infrastructure Pagespeed et CrUX.
  4. GTmetrix: Un outil qui fournit des informations sur la vitesse du site en utilisant l'infrastructure Lighthouse et donne son propre score.
  5. Dareboost: Un outil qui fournit des informations sur la vitesse du site sur son infrastructure.
  6. Application Calibri: Un outil qui vous permet de comparer plusieurs pages avec des concurrents en utilisant l'infrastructure Lighthouse.
  7. SpeedCurve: Un outil payant où vous pouvez trouver du RUM et des données synthétiques sur la vitesse du site.
  8. Laboratoire jaune: Un outil utile qui fournit des métriques uniques et améliorables sur son infrastructure.
  9. Kit de vitesse: L'un des rares outils qui non seulement diagnostique mais traite également les problèmes de site, disponible sous forme de plugin WordPress et pour les sites normaux.
  10. Perfmatters.io: Un plugin léger et performant pour WordPress.

Outils pour réduire la taille de l'image

  1. Imagify.io: Un outil de réduction de la taille des images, avec une API et un plugin WordPress.
  2. Squoosh.app: Un outil très simple et rapide pour convertir des images vers des formats comme MozJPEG, OptiPNG et WebP.
  3. TinyJPG: Un outil simple pour réduire les tailles JPG.
  4. TinyPNG: La version PNG de l'outil précédent.
  5. Compressor.io: Une plateforme qui compresse les formats JPEG, PNG, GIF et SVG et se démarque par ses visuels comparatifs.
  6. Kraken: L'un des outils les plus anciens et les plus robustes avec prise en charge API, proposant les formats JPEG, PNG, GIF, GIF animé et SVG, ainsi que les plugins WordPress et Magento.
  7. Optimizilla: Un compresseur de fichiers JPEG et PNG simple et très utile.
  8. ImageOptim: Un outil en ligne, particulièrement utile pour la compression d'images par lots sur les ordinateurs Mac.
  9. Photos d'écrasement: Un outil proposant une optimisation sans perte des images avec les plugins Shopify et WordPress, également disponible via API.
  10. Minifier: Un outil optimisé pour le référencement pour Shopify qui génère des balises alt pour les images.
  11. GIMP Enregistrer pour le Web: Une application pour Windows qui permet la compression d'images par lots.
  12. Outil d'analyse d'images de sites Web: Un outil qui vous indique quel format d'image est le plus optimisé en fonction de l'URL d'entrée.

Outils d'optimisation CSS, JavaScript, HTML

  1. Actualiser-SF: Un outil qui compresse CSS, JS et HTML sur un seul site.
  2. NettoyerCSS: Un outil largement utilisé pour la compression CSS.
  3. Style soigné: Un outil qui compresse les formats CSS, JS et HTML sur une seule plateforme.
  4. Optimiseur CSS: Une plateforme qui fournit une optimisation CSS.
  5. Tabificateur: Une plateforme qui compresse les structures de code HTML, CSS et JSON.
  6. Minifier: Une plateforme qui compresse les structures CSS et JS.
  7. CSS critique: Un code source GitHub développé par Addy Osmani pour extraire le CSS critique des pages.
  8. PurifierCSS: Un outil très utile qui sépare les CSS inutilisés sur une page.

Ces outils peuvent améliorer considérablement votre performances du site en optimisant divers aspects, de la mesure de la vitesse des pages à la réduction de la taille des actifs et à l'optimisation du code.