Vou-vos dar um exemplo que se passou comigo na questão do tamanho das páginas...
Eu no trabalho uso numa das aplicações (chamem-lhes sites se quiserem) uma aplicação visual para construir as páginas que são básicamente formulários.
Aqui há uns 4,5 anos, umas semanas antes da aplicação ser distribuida para os utilizadores tivemos que fazer um brainstorming para reduzir o tamanho das páginas maiores (que tinham cerca de 120KB na altura) visto as normas da casa só permitirem páginas no máximo com 60KB.
Uma das alterações que fizemos (algo que nunca nos tínhamos lembrado) foi, nos campos de texto, combo-boxes, botões, etc, todos os campos que tinham eventos associados (os onclick() dos botões, por exemplo) fizemos uma alteração tão simples como esta:
Onde tinhamos colocado (em javascript) aspas ("), substituimos por plica ('). Para o javascript é indiferente usar um ou outro.
O que é que esta pequena alteração fez?
Onde tínhamos colocado as aspas, o servidor substituia, ao gerar a página HTML, por o respectivo código HTML ( ) porque as aspas em si eram usadas para delimitar o evento.
Exemplo para ser mais simples:
No editor visual se pusermos no evento onclick de um botão o código
var a = 1;
alert("a = " + a);
O código que é gerado para o browser é:
<INPUT type="button" onclick="var a = 1; alert( a = + a);">
Se por outro lado pusermos no código do evento:
var a = 1;
alert('a = ' + a);
O código gerado é:
<INPUT type="button" onclick="var a = 1; alert('a = ' + a);">
Diferença em termos de funcionamento: NENHUMA.
Diferença em termos de número de bytes enviados: 10
Pode-vos parecer pouco, mas se vos disser que conseguimos, apenas com esta alteração reduzir o tamanho da página em cerca de 10KB, tirem as vossas conclusões
Dei este exemplo porque trabalho há cinco anos com estas preocupações em termos de desenvolvimento e nos meus sites continuo a pensar do mesmo modo.
Abraços a todos,