Comments on: Não “otimize” seu código

By: Jean Monteiro

Jean Monteiro — Tue, 13 Dec 2011 16:44:00 +0000

Que vergonha! Post feito só para ter cliques – assunto polémico – e conteúdo ZERO.
Quando comecei com a trabalhar com a web esse site era até bom, hoje já não olho da mesma forma.

By: Modulando o CSS « Kleyton Caires Blog

Modulando o CSS « Kleyton Caires Blog — Thu, 17 Nov 2011 02:04:20 +0000

[...] Grandes portais e sites com uma visitação extrema, podem querer otimizar esse código. Isso é considerável apenas para estas excessões. O preço da banda é alto e qualquer 1Kb que economizarem será um caminhão de dinheiro que economizarão. Para sites pequenos, e até mesmo alguns sites de médio porte, na minha opinião, não é necessário haver uma “otimização de código“. [...]

By: Lucas Câmara

Lucas Câmara — Tue, 23 Aug 2011 23:43:28 +0000

Graças a Deus que não precisamos nos preocupar com os mínimos bytes hoje em dia, embora não custe nada economizar alguns milisegundos. Pode-se usar compressores de HTML como: http://www.textfixer.com/html/compress-html-compression.php ; http://www.apromotionguide.com/compressor/ ,etc, e manter uma cópia original das páginas para edição.

By: raulpereira

raulpereira — Fri, 07 Jan 2011 16:01:12 +0000

Entendo que para sites com grande volume de acesso essa técnica é aceitável, mas realizar otimização de código é tão simples, não precisamos lidar com o arquivo otimizado, basta usar ferramentas para isso antes de publicar o código… http://developer.yahoo.com/yui/compressor/

By: runeroniek (Luiz Fonseca )

runeroniek (Luiz Fonseca ) — Tue, 28 Dec 2010 19:42:17 +0000

old but gold: http://tableless.com.br/nao-otimize-seu-codigo | Eu utilizo CSS inline e acho que quem escreve em bloco perde tempo.

By: Modulando o CSS | Marcelo Brito Blog

Modulando o CSS | Marcelo Brito Blog — Sun, 21 Nov 2010 13:28:43 +0000

By: Gran Kain

Gran Kain — Thu, 07 Oct 2010 22:16:39 +0000

Faço os códigos com comentários, identados, do jeito que for.
Com uma boa ferramenta de minify nada disto preocupa. Se você abrir o fonte é tudo bonitinho, dá pra corrigir os bugs, tudo sem se preocupar.
Se abrir do site uma bagunça com poucos kbytes.
Se quiser debugar, basta abrir o site em modo debug que o código aparece normal.

Sem stress, grilos, ou comentários, espaços etc sendo transferidos do servidor pro cliente ^^

By: Osmar Alves

Osmar Alves — Thu, 25 Feb 2010 13:56:49 +0000

Bom, estou aqui revivendo o post, porque achei a discussão interresante.

A um certo tempo atrás eu usava o CSS do tipo assim:

a {
text-decoration:none;
color:#333333;
}

O problema que eu sempre tinha com isso era que pra mim poder me localizar nos seletores era uma verdadeira perda de tempo. Certo dia encontrei no videolog um vídeo (óbvio que seria um vídeo néh), do Bruno Dulcetti explicando algumas coisa sobre padrões client-side, o link é esse http://videolog.uol.com.br/video.php?id=391599, fui assistindo o vídeo, mesmo estando em baixa qualidade pude notar que ele escreve CSS de uma maneira um pouco diferente, dai fiquei encabulado e fui tentar escrever do mesmo jeito, e não é que deu certo, me senti muito mais a vontade pra montar minhas css’s.

Ta, mais como isso:

a { color:#333333; text-decoration:none; }

pode ser melhor que isso?:

a {
text-decoration:none;
color:#333333;
}

Simples, é só você montar um esquema para que identifique onde estarão as propriedades. Eu montei um esquema onde eu SEMPRE sigo uma “ordem de uso” das propriedades, no meu caso eu faço +/- assim:

seletor { width:; height:; margin:; padding:; background:; border:; font:; text:; color:; /*Daqui em diante seria o resto das propriedades que são mais difíceis de serem usadas, tipo float:; cursor:; clear:; visibility:; overflow:; etc:; */ }

No meu caso esse esquema funciona que é uma beleza, só pra esclarecer, eu não uso dessa maneira pra diminuir tamanho de arquivo, uso por me sentir mais a vontade com os códigos que escrevo.

Obs.: Dessa maneira acho que fica até melhor para separar os blocos de código, por exemplo de um menu:

ul#menu { propriedades }
ul#menu li { propriedades }
ul#menu li a { propriedades }
ul#menu li a:hover,
ul#menu li a.current { propriedades }

Bom é isso que tinha a dizer, o que acham?

By: Evolua seu CSS - Dicas | import Zeh.Design

Evolua seu CSS - Dicas | import Zeh.Design — Wed, 30 Dec 2009 17:02:42 +0000

[...] Eis escreveu um exelente artigo “Não otimize seu código” para o site Tableless que ilustra estas [...]

By: Miquéias

Miquéias — Wed, 09 Dec 2009 18:25:09 +0000

Realmente antes tinha essa opinião, mas acho que estilos ‘otimizados’ ficam mais legíveis(com espaços entre os seletores e valores), o código fica menor – ou seja, demora menos pra achar determinada div ou class, etc. E ainda economiza banda!