Se você for pagar por dados que são transferidos eu sugiro que você faça o seguinte:
- Empacotamento e minificação dos arquivos css
- Empacotamento e minificação dos arquivos js
- Evite css inline. use sempre em arquivo separado
- Utilize frameworks como o angular ou Backbone para carregamento de informações que são preenchidas na tela. Ex. Grids. Assim você só trafega json em vez de html que é muito mais pesado.
- utilize sprite css para imagens pois reduz o numero de requisições ao servidor. Eu também gosto de converter as imagens pequenas para base 64 e colocar direto no arquivo css mas isso é mais difícil de manter. Se você usa o visual studio para desenvolvimento pode instalar o webessentials que ajuda muito nisso, inclusive ele minifica arquivos css e js também.
- Otimize as imagens para sempre ficar no menor tamanho. Geralmente uso png mas nem sempre ele é melhor. Dê uma olhada aqui https://stackoverflow.com/questions/2336522/png-vs-gif-vs-jpeg-when-best-to-use
Arquivos estáticos como .js, imagens, .css e .html são gravados no cache do navegador e não são tranferidos sempre. quando estão no cache o servidor retorna codigo http 304 (não modificado) isso também ajuda para uma menor transferência de dados.
Espero ter ajudado. Como não sei se você trabalha com que tecnologia você trabalha não poderei ajudar mais. Se for trabalhar com asp.net usando o iis como servidor veja como empacotar e minificar todos os arquivos css ou js em um só.
.load()