Arquivo CSS pesado com bootstrap.

[pituca292 0]

Olá pessoal, estou começando a desenvolver sites e descobri o Bootstrap, ele funciona muito bem e ajuda muito no começo, mas o site que estou desenvolvendo é bem simples e com o Bootstrap acredito que o css fica meio pesado (270kb a pasta toda de css) comparado a um outro site parecido que fiz (10kb), e eu não utilizo grande parte do que está no css bootstrap.

Então, queria saber se isso atrapalha muito o carregamento do site e se vocês tem alguma dica para reduzir isso?

Pensei na possibilidade da existencia de um programa mágico que exclua do css o que não está sendo utilizado pelo html.

Ou então vou fazer tudo na mão mesmo, utilizando apenas o bootstrap como referencia, que acredito ser o correto neh?

[Bergs 53]

Você pode customizar o bootstrap http://getbootstrap.com/customize/ assim vai ter apenas o que precisa.

[pituca292 0]

Você pode customizar o bootstrap http://getbootstrap.com/customize/ assim vai ter apenas o que precisa.

Ahh! Não tinha visto isso! Obrigado!

E eu preciso de todos arquivos que vem com o bootstrap? Porque parece que alguns deles são iguais mas "compactados" ou algo assim, pois nos css e nos javascripts sempre tem dois arquivos com mesmo nome, mas um com terminação ".min".

E também não entendi o que tem no bootstrap-theme.css que vem junto, parece que algumas coisas se repetem nele e no bootstrap.css, poderia me explicar iso?

[Bergs 53]

isso mesmo os arquivos .min são compactados diminuem o tamanho do arquivo.

na documentação http://getbootstrap.com/getting-started/ você vai ver um exemplo básico de como instalar o bootstrap.

 

vc também vai precisar usar um arquivo jquery para fazer os plugins do bootstrap funcionar.

 

os arquivos -theme.css vc pode deixá-los de fora.

[pituca292 0]

isso mesmo os arquivos .min são compactados diminuem o tamanho do arquivo.

na documentação http://getbootstrap.com/getting-started/ você vai ver um exemplo básico de como instalar o bootstrap.

 

vc também vai precisar usar um arquivo jquery para fazer os plugins do bootstrap funcionar.

 

os arquivos -theme.css vc pode deixá-los de fora.

Muito obrigado! Resolvido! :D

[pituca292 0]

Voltando aqui, desculpem pelos dois posts seguidos, mas não achei como editar.

Customizei o bootstrap e baixei, mas contínua com aproximadamente 50kb, ainda é muito? Quanto é um tamanho bom para o CSS?

[Bergs 53]

Está bom amigo, mas o assunto não se resume somente ao CSS, para você ter uma visão melhor sobre o peso das suas páginas veja esse link: http://browserdiet.com/pt/

[pituca292 0]

Obrigado!!