Minificar CSS

Neste artigo, quero falar sobre o que é a minimização do código HTML e CSS, para que serve e como fazer isso. Estruturar o código em blocos, linhas, etc. é necessário para a conveniência da legibilidade humana. Percebemos tais blocos como um todo, vemos onde a tag abre, onde fecha. Para os navegadores isso não é necessário, eles leem o código sequencialmente, e quebras de linha, espaços e comentários desnecessários no texto dificultam a leitura e aumentam o tempo de carregamento da página. Assim, existem dois motivos principais para a necessidade de minificar o código: Reduzir o tamanho (peso) da página e, consequentemente, aumentar a velocidade de carregamento. A segunda razão decorre da primeira. Esta é uma melhoria nos fatores comportamentais. Se o site carregar mais rápido, haverá uma menor taxa de rejeição, crescimento do tráfego, aumento nos resultados de pesquisa etc.

Atualmente, há um grande número de ferramentas da web para otimizar arquivos CSS. A maioria deles tem seu próprio algoritmo de trabalho (existem, é claro, duplicatas). A eficácia dos próprios programas também é significativamente diferente. Além disso, alguns otimizadores podem quebrar o código CSS, após o que os estilos se tornam inválidos. A minimização de arquivos CSS (não deve ser confundida com compactação CSS) envolve a remoção de quaisquer caracteres desnecessários do arquivo para reduzir seu tamanho e, assim, acelerar o carregamento. Minimizar e compactar arquivos CSS não são a mesma coisa. Ambos os métodos são projetados para reduzir o tempo de carregamento. A diferença está em como eles funcionam. A compactação é usada para reduzir o tamanho do arquivo usando algoritmos de compactação como Gzip ou brotli. Os arquivos são compactados antes de serem enviados ao cliente.