Salve solicitações HTTP com CSS melhor

Este não é nada inovador, mas ainda vejo muitos desenvolvedores não tirando proveito dele.

Se você puder, combine todo o seu CSS em uma folha de estilo. Realmente não há um bom motivo para ter uma chamada separada para Reset.css, Style, css, MediaQueries.css … bem, você entendeu.

Outra coisa que as pessoas podem não perceber é que usar @import em sua folha de estilo também incorre em uma solicitação HTTP.

Por que isso importa?

Bem, por um lado, cerca de metade do tráfego está em dispositivos móveis atualmente, e só vai aumentar. Salvar essas solicitações extras economiza milissegundos preciosos do seu tempo de carregamento. A menos que você seja um site com a onipresença do Google, Facebook ou Twitter, é provável que as pessoas saiam do seu site da mesma forma se ele demorar mais de 3 segundos para carregar. Na verdade, estudos comprovam isso continuamente, e os grandes sites que mencionei antes são obcecados por tempos de carregamento rápidos.

Esta é uma solução muito simples, com grandes ganhos, que é um bom lugar para começar a tornar nossos sites e aplicativos melhores para todos.