Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

Um dos pontos que mais afetam a usabilidade, levando em conta principalmente o acesso por dipositivos móveis, é o tempo de carregamento do site, devido ao peso dos arquivos estáticos (imagens, css, scripts, etc.) e número de requisições.

Além da minificação do código, concatenação de arquivos e consequente diminuição de requisições, podemos utilizar a compressão Gzip no servidor do site (se o recurso estiver habilitado, claro) através do arquivo .htaccess. Basta editá-lo e incluir as linhas abaixo:

# BEGIN GZIP
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
# END GZIP

Caso prefira, você pode editar a lista dos tipos de arquivos que serão comprimidos. Para checar se a compressão fez “efeito”, há uma ferramenta online que pode te auxiliar.