Customize o Bootstrap, incluindo apenas os recursos que você irá utilizar desse poderoso framework, tornando o seu site ainda mais rápido e eficiente.
É bem simples, acesse o link abaixo:
http://getbootstrap.com/customize/
Nesta página você deverá selecionar os componentes que você deseja utilizar.
As opções para customizar incluem:
- Less files
- CSS
- jQuery plugins
- Componentes
- Componentes do JavaScript
Praticamente tudo..
Além de permitir que você também personalize as cores e tipografia de alguns dos elementos do framework.
Feito a sua customização, você irá encontrar no final da página o botão “Compile e Download”.
Está pronto, agora é só incluir os scripts e css no seu projeto.
Por que vale a pena?
Em alguns projetos, tive apenas a necessidade de utilizar o sistema de grid “colunas” do bootstrap, nesta situação, a versão customizada incluindo apenas o grid, ficou pesando apenas 13 kbs (obs: depois eu reduzi para 3kbs, copiando apenas as classes necessárias do arquivo).
Se eu inclui-se todo o CSS do framework no meu projeto, em sua versão reduzida “minify”, seriam incriveis 120 kbs.
E o pior, existe alguns “programadores” que mesmo nesta situação de utilizar apenas o sistema de colunas, irão incluir também o JS, que são mais 37 kbs.
Faça as contas, 13 kbs X 157 kbs, hoje a velocidade na web é tudo, então vamos ser mais conscientes?
Hoje a maior parte do trafego dos sites são de acessos oriundos de smartphones, que por sua vez utilizam 3G e franquia de dados.
Dica extra: E isso vale para o jQuery também, nada de incluir a biblioteca inteira no projeto para colocar apenas uma mascará de telefone no formulário de contato!
