Melhorar a velocidade da sua página geralmente requer suporte de várias ferramentas. Algumas dessas ferramentas são usadas para medir a velocidade da página, enquanto outras são usadas para reduzir o tamanho dos ativos da sua página. Neste artigo, criamos uma biblioteca para servir como referência útil.
Se precisarmos listar as áreas cobertas pelas ferramentas deste artigo:
- Ferramentas para determinar a velocidade da página
- Ferramentas para reduzir o tamanho da imagem
- Ferramentas de otimização CSS, JavaScript, HTML
Ferramentas para determinar a velocidade da página
- Informações do Google Pagespeed: A ferramenta de velocidade de página mais conhecida. Ele pontua sites que usam a infraestrutura do Lighthouse e fornece dados dos últimos 28 dias.
- WebPagetest: Plataforma que realiza três testes diferentes em sua infraestrutura para fornecer resultados médios e oferece um relatório mais técnico com API.
- Treo.sh: Única plataforma que apresenta dados visuais dos últimos 12 meses com base na infraestrutura Pagespeed e CrUX.
- GTmetrix: uma ferramenta que fornece insights sobre a velocidade do site usando a infraestrutura do Lighthouse e fornece sua própria pontuação.
- Desafio: Uma ferramenta que fornece informações de velocidade do site em sua infraestrutura.
- Aplicativo Calibri: uma ferramenta que permite comparar várias páginas com concorrentes usando a infraestrutura Lighthouse.
- Curva de velocidade: uma ferramenta paga onde você pode encontrar RUM e dados sintéticos de velocidade do site.
- Laboratório Amarelo: uma ferramenta útil que fornece métricas únicas e aprimoráveis em sua infraestrutura.
- Kit de velocidade: Uma das raras ferramentas que não apenas diagnostica, mas também trata problemas de sites, disponível como plugin para WordPress e para sites normais.
- Perfmatters.io: Um plugin de desempenho leve para WordPress.
Ferramentas para reduzir o tamanho da imagem
- Imagify.io: Ferramenta para redução de tamanho de imagens, com API e plugin para WordPress.
- Squoosh.app: Uma ferramenta muito simples e rápida para converter imagens em formatos como MozJPEG, OptiPNG e WebP.
- TinyJPG: Uma ferramenta simples para reduzir tamanhos JPG.
- TinyPNG: A versão PNG da ferramenta anterior.
- Compressor.io: Uma plataforma que compacta os formatos JPEG, PNG, GIF e SVG e se destaca pelos visuais comparativos.
- Kraken: Uma das ferramentas mais antigas e robustas com suporte API, oferecendo formatos JPEG, PNG, GIF, GIF animado e SVG, junto com plugins WordPress e Magento.
- Optimizilla: Um compressor de arquivos JPEG e PNG simples e altamente útil.
- ImageOptim: uma ferramenta online, particularmente útil para compactação de imagens em lote em computadores Mac.
- Fotos de esmagamento: Uma ferramenta que oferece otimização sem perdas para imagens com plugins Shopify e WordPress, também disponível via API.
- minifier: uma ferramenta otimizada para SEO para Shopify que gera alt tags para imagens.
- GIMP Salvar para a Web: um aplicativo para Windows que permite compactação de imagens em lote.
- Ferramenta de análise de imagens de sites: uma ferramenta que informa qual formato de imagem é mais otimizado com base no URL de entrada.
Ferramentas de otimização CSS, JavaScript e HTML
- Atualizar-SF: uma ferramenta que compacta CSS, JS e HTML em um único site.
- CSS Limpo: Uma ferramenta amplamente utilizada para compactação CSS.
- Estilo limpo: uma ferramenta que compacta formatos CSS, JS e HTML em uma única plataforma.
- Otimizador de CSS: uma plataforma que fornece otimização de CSS.
- Tabificador: uma plataforma que compacta estruturas de código HTML, CSS e JSON.
- minifier: Uma plataforma que compacta estruturas CSS e JS.
- CSS Crítico: um código-fonte GitHub desenvolvido por Addy Osmani para extrair CSS crítico de páginas.
- Purificar CSS: Uma ferramenta muito útil que separa CSS não utilizado em uma página.
Essas ferramentas podem melhorar significativamente o seu desempenho do site otimizando vários aspectos, desde a medição da velocidade da página até a redução do tamanho dos ativos e otimização do código.
