Repolode
Enviar
thedaviddias

thedaviddias/Front-End-Performance-Checklist

Checklist abrangente de performance front-end para HTML, CSS, fontes, imagens, JavaScript e regras de servidor, com explicações, orientações e links para ferramentas.

Ver no GitHub
Estrelas
17,381
Forks
1,255
Issues abertas
1
Último commit
há 9 dias

O que é?

O Front-End Performance Checklist é uma lista extensa de regras de performance que desenvolvedores front-end podem usar para avaliar seus sites e aplicações. Cada regra explica por que é importante e como corrigir o problema, e a maioria inclui links para ferramentas ou artigos para saber mais.

O checklist é organizado por área: HTML, CSS, fontes, imagens, JavaScript e entrega pelo servidor, com seções sobre frameworks populares e WordPress. Cada item recebe uma indicação de prioridade baixa, média ou alta, para ajudar a decidir o que resolver primeiro. Os tópicos incluem minificação, recursos que bloqueiam a renderização, CSS crítico, formatos de webfont, carregamento lento, imagens responsivas, service workers, HTTPS, cabeçalhos de cache e compressão.

O repositório também reúne ferramentas de teste e monitoramento de performance, como WebPageTest, PageSpeed Insights, Lighthouse e Sitespeed.io, além de uma lista de traduções para outros idiomas.

Recursos principais

  • 01Abrange HTML, CSS, fontes, imagens, JavaScript e entrega pelo servidor em um único checklist.
  • 02Cada regra explica por que ela é importante e como aplicar a correção.
  • 03Os itens são marcados com prioridade baixa, média ou alta.
  • 04Inclui links para ferramentas de teste, como WebPageTest, Lighthouse e PageSpeed Insights.
  • 05Inclui seções sobre performance em React, Angular, Vue e WordPress.

Casos de uso

  • Auditar um site ou app web antes do lançamento para encontrar problemas de performance.
  • Integrar desenvolvedores front-end às práticas comuns de performance.
  • Incluir uma etapa de revisão de performance no processo de desenvolvimento da equipe.
  • Consultar quais ferramentas usar para medir a velocidade de carregamento das páginas e monitorá-la ao longo do tempo.

Tópicos

#performance#web-performance#frontend#checklist#html#css#javascript#web-development#front-end-developer-tool#front-end-development

Perguntas frequentes

O que é Front-End-Performance-Checklist?
Checklist abrangente de performance front-end para HTML, CSS, fontes, imagens, JavaScript e regras de servidor, com explicações, orientações e links para ferramentas. O Front-End Performance Checklist é uma lista extensa de regras de performance que desenvolvedores front-end podem usar para avaliar seus sites e aplicações. Cada regra explica por que é importante e como corrigir o problema, e a maioria inclui links para ferramentas ou artigos para saber mais.
Front-End-Performance-Checklist é gratuito? Qual é a licença?
Front-End-Performance-Checklist é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
Front-End-Performance-Checklist ainda é mantido?
Manutenção ativa. O último commit de Front-End-Performance-Checklist foi em 13 de out. de 2026.
Para que posso usar Front-End-Performance-Checklist?
Auditar um site ou app web antes do lançamento para encontrar problemas de performance. Integrar desenvolvedores front-end às práticas comuns de performance. Incluir uma etapa de revisão de performance no processo de desenvolvimento da equipe. Consultar quais ferramentas usar para medir a velocidade de carregamento das páginas e monitorá-la ao longo do tempo.
Onde consigo Front-End-Performance-Checklist?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/thedaviddias/Front-End-Performance-Checklist

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados