Oito medidas que vão tornar o seu blogue mais rápido

Comece o leitor por perguntar a si mesmo: quantas vezes já desistiu de esperar que a página de um blogue carregasse e partiu para o seguinte?
Eu faço-o cada vez mais — o que é uma tristeza para os bloggers portugueses, que andam a deixar-se ficar para trás no caminho evolutivo da auto-edição. Decidi por isso compilar uma série de medidas simples destinadas a acelerar qualquer blogue, podendo em muitos casos reduzir o tempo de carregamento a um quinto e menos! Seleccionei-as com cuidado, de forma a que a maioria delas esteja ao alcance dos bloggers menos familiarizados com o código e os templates.
A lista de situações práticas que se segue não é nem exaustiva nem trabalhosa, como verá, e começa com as medidas de execução mais simples, ao alcance de qualquer autor com um blogue na mais fácil das plataformas, o Blogger. No final as duas mais complexas são para autores capazes de mexer nos templates do seu WordPress (ou equivalente). Eis o sumário:

1. Use imagens mais leves!
2. Indique no código HTML as dimensões da imagem
3. Limite os widgets e botões ao essencial
4. Diminua a quantidade de posts apresentada na primeira página
5. Veja-se livre de código desnecessário
6. Reduza a quantidade de pedidos HTTP
7. Diminua o tamanho dos ficheiros CSS e JS
8. Limpe o código redundante dos templates

A abundância de largura de banda, o preço reduzido do espaço em disco e do processamento criaram uma atmosfera de facilidade. Sobrou contudo uma razão bastante boa, racionalmente falando, para optimizar o peso de uma página e seus componentes: a velocidade a que o destinatário a recebe. E mesmo ao nível do servidor, cada milissegundo conta.

1. Use imagens mais leves!
   • A maioria dos autores envia fotos sem prestar atenção às dimensões reais, por vezes muito grandes; é vulgar vermos a instrução para o limite da dimensão das imagens dado através do código na altura da inserção (o width e o height), mas esse “truque” só reduz a dimensão de exibição: o ficheiro da imagem mantém-se inalterado e quase sempre tem um peso extraordinário!
   • A solução: edite as imagens ANTES de as enviar para a Net. Qualquer editor de imagem serve, até o Paint, embora não o recomende de todo: antes usar um serviço web de optimização de imagens como este, que é versátil quanto baste.
   • Tome por referência a largura de 600 pixels: acima disso é garantido que a imagem vai sair do espaço útil da janela de uma grande parte dos browsers. Eu faço as minhas imagens com 450 pixels de largura, no máximo. Preste também atenção, no caso das fotos tiradas de máquinas digitais, à resolução. Guarde a versão grande, mas para publicar na Web faça uma cópia com o máximo de 72 pixels: acima disso os monitores simplesmente não mostram, cortam os pixels do meio.
   • Com esta medida, reduzi o peso total da primeira página de um determinado blogue de uns incríveis 4 Megabytes para uns 700 Kb — ainda acima do ideal — sem que o próprio autor notasse qualquer alteração na visualização do seu blogue!
2. Indique no código HTML as dimensões da imagem.
   • Parece disparate, meter nos preencher os parâmetros width e height com as dimensões correctas da imagem — mas não é: esta indicação poupa tempo ao computador do leitor, cujo browser fica a saber que espaço deve reservar para a imagem mesmo antes dela chegar (o código da página é mais leve e chega primeiro), fazendo a apresentação correcta do texto enquanto a imagem ainda está em trânsito.
   • Além da velocidade, torna a recepção da página mais agradável, causando impressão positiva.
3. Limite os widgets e botões ao essencial.
   • Nem falo do ruído visual que provoca o excesso de widgets e botões que “adornam” tantos blogues respeitáveis. Limito a análise ao respectivo mau contributo para a velocidade.
   • Verifique se todos os widgets e botões estão funcionais; sei de casos em que o serviço já está desactivado há algum tempo…
   • Verifique se têm de facto alguma utilidade. A maior parte dos botões torna-se inútil ao fim de um certo tempo, quando surge uma nova moda, um novo “top blogs”, o último grito do widget…
   • Verifique, através do seu contador, se a quantidade de tráfego enviado pelo serviço é de molde a justificar a sua permanência. Se não for, e se não achar que é um botão ou widget particularmente prestigiante, tire-o. Só está a fazer peso, ninguém lhe liga, não serve para nada.
   • Uma boa regra para a selecção do que vai colocar (ou deixar…) na sua barra lateral é: o que tem a ganhar? Prestígio? Links? Tráfego? Meça o que dá e o que recebe. A maioria das widgets não dá nada, ou dá muito pouco para o que recebe da exposição na SUA página.
4. Diminua a quantidade de posts apresentada na primeira página.
   • O tempo em que percorríamos uma página inteira, por aí abaixo, já lá vai há que anos… Hoje, o visitante ou é seu leitor regular, e visita-o com frequência suficiente para já ter lido os posts da semana passada (e para saber maquinalmente onde está o arquivo…), ou é um leitor novo, a quem a primeira impressão do seu blogue é o que está acima da linha de água — e a velocidade a que este lhe surge no monitor!
   • Não se fie no mau exemplo de alguns bloggers históricos que mantém lençóis de um mês (!) na primeira página: o seu blogue ainda não é daquele campeonato. Use as suas armas, porque não dispõe das deles. Seja como for, mesmo para um blogger de topo é um erro uma página longa e só os anacrónicos bloggers as mantém.
   • Nas blogosferas mais adiantadas a tendência é para páginas de entrada pequeníssimas. Não aconselho mudanças dramáticas: ir encurtando aos poucos é mais prudente.
5. Veja-se livre de código desnecessário.
   • O meu último template carregava por defeito um Javascript com 28 Kb que nunca era processado porque eu não usava uma determinada funcionalidade da minha instalação WordPress… Isto diz tudo.
   • Verifique se todos os ficheiros carregados pelo seu template são realmente necessários e elimine as chamadas no código se não forem. Evitará o duplo desperdício de tempo, do lado do servidor e do lado do cliente.
6. Reduza a quantidade de pedidos HTTP.
   • Quantos mais elementos tem uma página, mais pedidos HTTP são enviados pelo browser para o servidor, aumentando o tempo de resposta deste para “construir” a página que vai servir. Há sempre imagens a mais num template, por exemplo.
   • Limite o número de objectos e junte-os: um único ficheiro CSS contendo todos os elementos é melhor que três, ou quatro — até cinco, como tenho visto em tantos casos. O mesmo é válido para os ficheiros de scripting (Javascript, nomeadamente).
   • (Esta é uma optimização que ainda não fiz no C! por falta de tempo, mas não tarda.)
7. Diminua o tamanho dos ficheiros CSS e JS.
   • Contém sempre anotações do autor que podem ser retiradas sem prejuízo algum, bem pelo contrário. É cada vez mais frequente nos fabricantes de pluginstemplates o cuidado em disponibilizarem versões leves, com menos funcionalidades, ou no mínimo documentação que permite ao autor saber que parte do código Javascript pode retirar se não usa determinada função.
   • Mantenha as cópias anotadas à parte, para as alturas em que vai trabalhar no template, e use cópias depuradas. Vai ver que consegue facilmente ganhos de 15 a 30% no tamanho desses ficheiros.
8. Limpe o código redundante dos templates.
   • No WordPress como nas outras plataformas, os templates são feitos para adaptação a milhares de casos diferentes. Daí os códigos como <?php bloginfo('name'); ?> e <?php bloginfo('rss_url'); ?>. O primeiro coloca naquele ponto do template o nome do blogue e o segundo coloca o endereço do feed RSS. Eis duas informações que não mudam muitas vezes… Pelo que ao substitui-las pelo nome e pelo endereço estamos a poupar chamadas à base de dados. São milissegundos, certo, mas repetem-se de cada vez que uma página é mostrada — num dia de muito tráfego fará alguma diferença ao seu servidor.

Há técnicas mais extremas de limpeza de templates. Aprendi algumas delas por causa dos problemas de crescimento tanto do weblog.com.pt como agora da TubarãoEsquilo. Com a última, reduzi num quarto de segundo o tempo de carregamento de cada uma das páginas do Arrastão! Falarei disso num próximo artigo.

Debate

Textos mais recentes

• How Open Data is Used Against the Poor (mais 1 link) em 8 de Setembro de 2010

• Mind the gap – o financiamento de ciência (mais 1 link) em 6 de Setembro de 2010

• The last laugh – If self-published writers owned the midlist #LerComCalma (mais 2 links) em 3 de Setembro de 2010

• Top 10 – Richest Men (of All Time) (mais 1 link) em 1 de Setembro de 2010

• Regras de análise económica para a oposição (segundo João Miranda) em 31 de Agosto de 2010

ACERCA
Olá, o meu nome é Paulo Querido e Certamente! é o meu webzine pessoal. Sou consultor de new media, jornalista e escrevo livros e artigos (e também algum código) sobre a net e na net desde 1989. (Mais)

Como ler

Certamente! é distribuído em vários canais.
edição diária por e-mail
Pelo Twitter
Por RSS
Google
Bloglines
no Yahoo!
no seu leitor

• Páginas

• Código é Poesia
• Sugestões
• Como subscrever
• Líderes partidários em Portugal

• Temas

  • Blogosfera
  • Media
  • Economia
  • Política
  • Tecnologia

Projetos

Diário2.com, um jornal laboratório do jornalismo online.

Uma pergunta por dia, micro-publicação nativa da web, privilegia a originalidade e a exclusividade, licenciando os conteúdos apenas a um número restrito de publicações.

DoMelhor, o mais utilizado serviço de jornalismo colaborativo de Portugal e Brasil.
Neste momento, a actualidade nacional numa única página.