Migliorare la velocità della pagina spesso richiede il supporto di vari strumenti. Alcuni di questi strumenti vengono utilizzati per misurare la velocità della pagina, mentre altri vengono utilizzati per ridurre le dimensioni delle risorse della pagina. In questo articolo, abbiamo creato una libreria che funge da pratico riferimento.

Se dobbiamo elencare le aree coperte dagli strumenti in questo articolo:

  • Strumenti per determinare la velocità della pagina
  • Strumenti per ridurre le dimensioni dell'immagine
  • Strumenti di ottimizzazione CSS, JavaScript, HTML

Strumenti per determinare la velocità della pagina

  1. Google PageSpeed ​​Insights:  Lo strumento di velocità della pagina più noto. Assegna un punteggio ai siti utilizzando l'infrastruttura Lighthouse e fornisce i dati degli ultimi 28 giorni.
  2. WebPagetest: Una piattaforma che esegue tre diversi test sulla sua infrastruttura per fornire risultati medi e offre un rapporto più tecnico con un'API.
  3. Treo.sh: L'unica piattaforma che presenta dati visivi degli ultimi 12 mesi basati sull'infrastruttura Pagespeed e CrUX.
  4. GTmetrix: uno strumento che fornisce approfondimenti sulla velocità del sito utilizzando l'infrastruttura Lighthouse e fornisce il proprio punteggio.
  5. Dareboost: uno strumento che fornisce informazioni sulla velocità del sito sulla sua infrastruttura.
  6. Applicazione Calibri: uno strumento che ti consente di confrontare più pagine con i concorrenti utilizzando l'infrastruttura Lighthouse.
  7. Curva di velocità: uno strumento a pagamento in cui puoi trovare RUM e dati sintetici sulla velocità del sito.
  8. Yellowlab: uno strumento utile che fornisce parametri migliorabili unici sulla sua infrastruttura.
  9. Kit velocità: Uno dei rari strumenti che non solo diagnostica ma tratta anche i problemi del sito, disponibile come plug-in WordPress e per siti normali.
  10. Perfmatters.io: Un plugin leggero per le prestazioni di WordPress.

Strumenti per ridurre le dimensioni dell'immagine

  1. Immagina.io: Uno strumento per ridurre le dimensioni delle immagini, con un'API e un plugin WordPress.
  2. Squoosh.app: Uno strumento molto semplice e veloce per convertire immagini in formati come MozJPEG, OptiPNG e WebP.
  3. TinyJPG: Uno strumento semplice per ridurre le dimensioni JPG.
  4. TinyPNG: la versione PNG dello strumento precedente.
  5. Compressor.io: una piattaforma che comprime i formati JPEG, PNG, GIF e SVG e si distingue per le sue immagini comparative.
  6. Kraken: uno degli strumenti più vecchi e robusti con supporto API, che offre formati JPEG, PNG, GIF, GIF animate e SVG, insieme ai plugin WordPress e Magento.
  7. Optimizilla: Un compressore di file JPEG e PNG semplice e molto utile.
  8. ImageOptim: uno strumento online, particolarmente utile per la compressione batch di immagini su computer Mac.
  9. Foto schiacciate: Uno strumento che offre ottimizzazione senza perdite per le immagini con i plugin Shopify e WordPress, disponibile anche tramite API.
  10. minifier: uno strumento SEO-friendly per Shopify che genera tag alt per le immagini.
  11. Salvataggio di GIMP per il Web: un'applicazione per Windows che consente la compressione batch di immagini.
  12. Strumento di analisi delle immagini del sito web: uno strumento che ti dice quale formato immagine è più ottimizzato in base all'URL di input.

CSS, JavaScript, strumenti di ottimizzazione HTML

  1. Aggiorna-SF: uno strumento che comprime CSS, JS e HTML su un unico sito.
  2. CleanCSS: uno strumento ampiamente utilizzato per la compressione CSS.
  3. Stile pulito: uno strumento che comprime i formati CSS, JS e HTML su un'unica piattaforma.
  4. Ottimizzatore CSS: una piattaforma che fornisce l'ottimizzazione CSS.
  5. Tabificatore: una piattaforma che comprime le strutture di codice HTML, CSS e JSON.
  6. minifier: Una piattaforma che comprime le strutture CSS e JS.
  7. CSS critico: un codice sorgente GitHub sviluppato da Addy Osmani per estrarre CSS critici dalle pagine.
  8. PurificaCSS: Uno strumento molto utile che separa i CSS non utilizzati su una pagina.

Questi strumenti possono migliorare significativamente il tuo le prestazioni del sito web ottimizzando vari aspetti, dalla misurazione della velocità della pagina alla riduzione delle dimensioni delle risorse e all'ottimizzazione del codice.