Embalando e minimizando HTML e CSS [fechado
Pergunta
Quais são as melhores práticas para a minimização do CSS/HTML? Estou procurando ferramentas do lado do servidor para prender a interação com o navegador.
Solução
Dar uma olhada em Compressor yui
Outras dicas
A melhor ferramenta é provavelmente a compactação do lado do servidor. Você pode ativar isso globalmente em apache usando mod_deflate. Apenas certifique -se de que o Mod_Deflate esteja carregado e coloque -o na parte inferior do seu arquivo httpd.conf:
# mod_deflate for server-wide output compression.
SetOutputFilter DEFLATE
# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Don't compress images
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
#Header append Vary User-Agent env=!dont-vary
Todo o conteúdo estático e dinâmico será então servido compactado aos navegadores que o suportam.
Outros servidores da Web modernos também suportarão isso com certeza, você só precisaria dar uma olhada nos documentos deles para descobrir como habilitá -lo.
A compressão do GZIP é bastante padrão e faz um ótimo trabalho.
Minificar CSS e JavaScript podem ajudar. Usando sprites CSS para imagens gráficas, como backgounds, ícones e reduzir o número de solicitações ao servidor.
eu uso HTML Tidy e Compressor yui.
A ferramenta bonita do Diff pode minimizar o HTML contendo CSS em linha e/ou JavaScript.