Otimizando seu blog – Parte 2

Continuando a série Otimizando seu blog, esta é a segunda parte. Vou falar sobre a remoção de código inútil que alguns plugins podem adicionar ao seu blog.

Removendo código inútil dos plugins

A idéia principal dos plugins é adicionar novas funcionalidades. E muitas delas estão envolvidas diretamente com a apresentação, isto é, precisam exibir alguma coisa na tela. E se tratando de códigos maiores, como formulários os plugins acabam adicionando código CSS, e algumas vezes Javascript no cabeçalho HTML.

Por mais necessário que esse código possa ser, não é bom que ele seja deixado no cabeçalho, pois muitas vezes se trata de uma grande quantidade de código, o que pode comprometer – e muito – a velocidade do carregamento da página e o volume de banda consumido. O ideal é que eles sejam movidos para arquivos externos, esses arquivos ficam no cache do navegador, fazendo com que não seja reenviado a cada exibição de página.

Quando desenvolvi o Compartilhe! já tinha isto em mente, deixei opcional a adição do código CSS ao cabeçalho da página. Usuários leigos poderiam configurar a aparência do bloco diretamente pelo painel de configuração, e o plugin cuida de adicionar o CSS, usuário mais experientes podem desabilitar o recurso, e copiar o código para o arquivo CSS do tema. Infelizmente, é raro plugins com essa opção, na verdade, não me recordo de nenhum outro além do Compartilhe! que permita esse tipo de configuração.

Pelo fato de quase nenhum plugin dar essa opção ao usuário, acaba sendo necessário algum conhecimento em php para localizar o código e mover sem comprometer o funcionamento do script.

Sendo mais radical ainda, é bom apagar os comentários que alguns plugins adicionam, normalmente dando créditos aos autores, quando não muito grande, eu os deixo.

Outra dica interessante

Quando estava desenvolvendo o tema para o blog, resolvi copiar de outro tema o código da parte de comentários, pois gosto da aparência que ele tem. Mas o código CSS da parte dos comentários é muito grande, e achei desnecessário enviar ele junto do código principal do tema, uma vez que ele só é útil quando um artigo é exibido. Resolvi separar em outro arquivo. O código abaixo pode ser usado para definir onde o arquivo de CSS dos comentários vai ser usado.

<?php if (is_single() || is_page()): ?>
<link rel=”stylesheet” href=”<?php bloginfo(’template_url’); ?>/style_comments.css” type=”text/css” media=”screen” />
<?php endif; ?>

Este princípio de separar o CSS em múltiplos arquivos e carregar somente quando necessário pode ser aplicado de diversos modos, tudo depende de como é seu tema.

Termino aqui a segunda parte da série Otimizando seu blog. No próximo artigo vou falar da lentidão e excesso de consumo de CPU que alguns plugins podem causar.

Artigos anteriores da série:

Otimize seu blog – Parte 1