guia-otimizacao icon indicating copy to clipboard operation
guia-otimizacao copied to clipboard

Um Guia voltado à otimização de desempenho em aplicações web front-end

Um Guia voltado à otimização de desempenho em aplicações web front-end

Netlify Status

Este projeto é resultado do Trabalho de Conclusão de Curso 2, na Universidade de Brasília, voltado à otimização de desempenho em aplicações web.

Sobre

O projeto traz uma série de recursos e artigos em português acerca do tema, com informações curadas a partir de iniciativas como o Web Vitals.

Como contribuir

Submetendo um novo artigo

A ideia é que este projeto seja alimentado de experiências da comunidade, além de conceitos chave para o universo do desenvolvimento front-end. Para isso, entretanto, é necessário seguir algumas regras:

  • Escreva sempre referenciando as fontes;
    • Não copie o conteúdo!
    • Utilize pelo menos duas fontes diferentes: isso possibilita cruzamento e mistura de informações, criando um conteúdo mais rico :)

Artigos planejados

Para ajudar a aumentar o conteúdo abordado pelo Guia, pode-se começar pelos seguintes tópicos planejados:

  • Documentar os casos de sucesso que envolvem refatoração de aplicações de grande porte voltadas à redução do tempo de carregamento;
  • Conceituar SSG, SPA e SSG;
  • Adicionar novas ferramentas de diagnóstico;
  • Estender o número de técnicas:
    • Adicionar um artigo apenas sobre CSS: render-blocking, CSSOM, como otimizar o CSS de uma aplicação;
    • Fontes na Web, e as técnias existentes para adição de fontes em uma aplicação web, e

Executando o projeto localmente

  1. Clone o repositório;

  2. Entre na pasta do projeto:
    cd guia-otimizacao

  3. Instale as dependências:
    npm install ou yarn

  4. Execute o projeto:
    npm run develop ou yarn develop