Reduza agora o peso de páginas web: Métodos Radicais
As páginas site demora de carregar? O problema pode ser seu site e não a internet.
Métodos Radicais
Dietas são caprichosas, você pode até perder peso rápido, mas, se não tomar cuidado e voltar às velhas práticas, a sua página vai inchar novamente.
As técnicas a seguir são controversas e podem não servir para todos os casos.Use por sua conta e risco.
1. Nunca confie no código de terceiros
Você daria acesso total a um desenvolvedor desconhecido ao código-fonte do seu site? Então, por que raios você confia em código terceirizado? Plugins e outros widgets podem representar um risco de segurança e muito provavelmente são montados pensando em todos os cenários, o que significa um bocado de código (e peso) redundante ou que não se aplica ao seu site em específico.
2. Uma biblioteca JavaScript é mais do que suficiente
É bem provável que você esteja usando jQuery. Nós usamos. Mas talvez você esteja usando Prototype. Ou YUI. Sem problemas. Mas, lembre-se: não misture.
Uma vez que você escolha seu framework de coração, pergunte a si mesmo:
- É possível montar um build customizado apenas com as funcionalidades que você precisa?
- Existem alternativas mais leves como o Zepto.js ou Minified.js que oferecem compatibilidade com as principais APIs e métodos?
- Você realmente precisa dessa biblioteca? Será que você não está usando ela apenas por causa de inconsistências com navegadores que nem existem mais ou puro comodismo?
3. Cuidado com templates
Um template de WordPress ou outro CMS qualquer parece, à primeira vista uma boa escolha, sejam pagos ou gratuitos. Afinal, porque contratar um desenvolvedor para codificar tudo para você gastando uma nota preta quando existem tantas opções prontas na web, é só escolher?
Bem, existe um custo escondido que deve ser mais ou menos óbvio se você leu até aqui: uma solução focada para todo tipo de cenário certamente terá mais código do que o necessário. Mas há outros agravantes: não é porque um template é bonito na tela que isso significa que seu criador seja um ás do código e tenha criado um HTML ou um CSS compactos. Templates genéricos também existem dentro de um universo extremamente competitivo, seja por popularidade seja por clientes e para atrair usuários é comum que seus desenvolvedores adicionem todo tipo de funcionalidade que não serão necessariamente aquelas que você tem em mente (ou deveria ter em mente).
4. Corte a gordura do framework
Frameworks de desenvolvimento de sites como Bootstrap ou Foundation são muito úteis como um pontapé inicial para um novo projeto ou quando você não entende o que é necessário para construir uma página. Infelizmente, da mesma foram que templates genéricos, eles vem acompanhados de CSS, JavaScript e outros recursos que talvez você não precise. Além disso, o HTML também tende a ser menos compacto do que poderia ser.
Em um mundo ideal, você criaria o primeiro modelo de página usando um framework e, com o conhecimento necessário, removeria as partes que você não irá usar ou ajustaria o código. Na maioria dos casos, os desenvolvedores web apenas deixam tudo como está e o resultado são páginas inchadas.
5. Adote o aperfeiçoamento progressivo
O conceito é moderno e significa desenvolver sua página primeiro para o menor denominador comum: um dispositivo móvel. Em essência, você estará criando uma experiência simplificada para o usuário, simples, sim, mas funcional. A seguir, de acordo com CSS disparados por media queries ou qualquer outro método de detecção de navegador, você iria entregando uma experiência mais rebuscada, como efeitos ou imagens de qualidade superior de acordo com a capacidade do visitante.
6. Conheça seu código
Pré-processadores de CSS e JavaScript como o Sass, LESS, Stylus, CoffeeScript, TypeScript e Dart podem ter revolucionado sua produtividade. Entretanto, o código original é abstraído do código final gerado. O que sai do pré-processamento só é bom se é bom aquilo que entra e é plenamente possível adicionar inúmeras linhas de código supérfluo se você não sabe o que está fazendo. Sempre cheque se o código de saída é eficiente.
7. Considere o uso do AppCache offline
Aplicações web podem funcionar offline usando a propriedade HTML AppCache. Sua praticidade não se limita a carga de dados. O AppCache também pode funcionar como um complemento ou incremento do cache normal do navegador e armazenar componentes do seu site ou página que são carregadas regularmente.
8. Simplifique seu site
Durante os últimos anos, websites e aplicações removeram sua complexidade para oferecer uma experiência direta e mais focada no consumidor. Mas nem todo mundo entendeu o recado e muitos ainda “enfeitam” suas páginas com badulaques desnecessários. Para ser honesto, simplificação é complexo. Muitos clientes e até profissionais diretamente ligados à produção de páginas confundem mais funcionalidades com mais clientes ou acreditam que possam mostrar trabalho com mais elementos.
Com um pouco de bom senso ou, melhor ainda, testes realizados com uma amostragem real de usuários, podem identificar opções que nunca são utilizadas e que podem ser removidas da página ou substituídas por alternativas mais práticas e leves.
9. Mude seu estilo de desenvolvimento
É fácil criticar o cliente ou o projeto quando sua página atinge ou ultrapassa a absurda marca de 1,7Mb. Mas sabe de quem é a culpa? Dos desenvolvedores. Não importa quem mandou ou aprovou, quando uma página fica obesa é por que algum desenvolvedor permitiu que isso acontecesse.
É a velha fórmula: velocidade, preço e qualidade. Mas você só pode escolher dois destes. Seu cliente, chefe, comitê pode não entender todos os detalhes técnicos mas se você que está lendo isso não destacar as potenciais armadilhas calóricas e explicá-las de forma compreensível, você nunca terá o respeito e as recompensas que merece.
Páginas leves são o resultado direto de práticas de codificação eficientes e começam a existir lá atrás, na hora do planejamento. Infelizmente, em muitos cenários, esse aspecto do desenvolvimento é frequentemente empurrado para depois, assim como SEO e usabilidade, quando, na verdade, todos esses processos devem ser concomitantes.
Para que você se torne mais consciente dessa necessidade, perceba também que nem todo mundo tem os mesmos 30Mb de banda larga que você tem. Limite sua conectividade ou tente carregar sua página em uma área com uma recepçção 3G ruim. Ou experimente o wi-fi sobrecarregado de um restaurante. Ficou frustrado? Sua frustração é compartilhada por muitos usuários. Todos os dias.
Então, considere sempre o peso da página em cada projeto e questione cada elemento adicionado à página. Essa fonte é realmente necessária? Essa imagem de fundo agrega valor? Por que não trocar as animações por CSS3? Flash, vocês estão loucos?Uma vez que o problema de obesidade é epidêmico e poucos desenvolvedores parecem se importar, aqueles que se dedicam ao tema e oferecem aos consumidores uma experiência rápida e leve, com certeza irão se destacar na multidão.
← Métodos avançados | 1 2 3 4 | Ferramentas de medição → |