Guia(1) - Ferramentas para medir a performace do seu website

13 Novembro 2008 Escrito por Gonçalo Martins

Motivação:
Este é o primeiro artigo de uma série de 18 artigos a incidir sobre a velocidade e performance de websites, que irei escrever ao longo das próximas semanas. A motivação por trás destes 18 artigos prende-se no facto de que com a web2.0 sites pequenos/médios passaram a dar mais importância ao design do que aos load times do site em si. Existe um espaço para tudo. O crescimento da utilização Javascript e Flash nos últimos anos têm também sido avassaladora, comprometendo seriamente o desempenho de determinado website se não forem bem manipulados.

O aparecimento de cada vez mais CMS (parecem cogumelos) é também, em parte, motivo de preocupação para a "world wide web wait" uma vez que por exemplo no caso do Joomla existe uma função muito util que "injecta" scripts e css no head do website de forma exponencial às extensões utilizadas. Muitas vez um utilizador normal nem se apercebe do erro em que está a cair, uma vez que está a aumentar os pedidos HTTP, e está a fazer o load do Javascript no local errado ou da forma errada! Algo Similar se passa num outro CMS bastante utilizado para blogs o Wordpress.

Para quem só pensa em ganhar dinheiro com a Internet estes artigos podem também ser interessantes uma vez que são uma excelente forma de reduzir a Bounce Rate. Sabia que é normal um internauta abandonar um website nos 8 primeiros segundos caso o conteúdo que este deseja não apareça?

Neste Primeiro artigo vou incidir sobre as ferramentas (gratuitas) que poderá utilizar para medir o desempenho do seu website, à medida que implementa os artigos que se seguirão neste guia de 18 artigos!

#1 - Firefox + Firebug + YSlow

Esta vai provavelmente ser o Combo a que mais me irei referir durante os futuros artigos. O Firefox é com certeza um conhecido de todos. O firebug para quem não sabe é uma add-on extremamente útil aquando o desenvolvimento de qualquer website.

E permite uma visão detalhada de todos os elementos de que você faz download quando abre determinado website! O tempo que o servidor demora a responder, o tempo de download, e até mesmo o tempo de execução do Javascript.

O YSlow é uma extensão para o Firebug, desenvolvida pela equipa de optimização da YAHOO. Que nos dá um ranking do website e nos permite ver o que está mal e poderia ser melhorado!

É então imprescindível instalar este combo para poder aplicar os seguintes artigos.

Firebug | Yslow

#2 - AOL page Test

É um plugin OpenSource (desde janeiro de 2008), para o Internet Explorer 6 e 7, desenvolvido pela AOL. Tál como a solução anterior fornece uma visão detalhada dos componentes que o browser faz download. Dá também conselhos sobre como optimizar o website, segundo os padrões da AOL.

Aol Page Test

#3 - IBM page detailer

Este programa pode parecer um pouco arcaico, no entanto é um excelente complemento aos dois anteriores. Irá ser também esporadicamente utilizado nos artigos que se seguem!

IBM page detailer

#4 - Safari 3.1+ Browser

Edit -> Preferences -> Advanced -> Show Develop Menu in menu bar;
Develop -> Show Web Inspector -> Network;

Aproveite e subscreva o Feed RSS

10 - Pré-Loading, o que é, como utilizar?;
11 - Atrase o load de ficheiros (Pós-Loading);
12 - PHP Flush, como e porque?;
13 - Use links da maneira correcta;
14 - ETags, quando podem ou não ser uteis!;
15 - Publicidade, uma forma de matar a performance! Soluções?;
16 - Javascript o porque do Google APIS / YUI;
17 - Google Analytics - Aumente o desempenho;
18 - Exemplo prático de implementação;
Subscreva o Feed RSS! Não perca nenhum artigo!

Outros artigos desta série:
0 - Ferramentas para medição de desempenho;
1 - Utilize correctamente imagens no seu website;
2 - O poder da compressão;
3 - Optimize o seu Javascript;
4 - O poder das CDN (Content delivery Network);;
5 - Http Requests (Pedidos Http);
6 - Junte os seus ficheiros CSS e Javascript;
7 - Descubra o cache/Expires Head;
8 - W3C o que é?;
9 - Load Dinamico / Compreenda o funcionamento dos protocolos web;

Guia(1) - Ferramentas para medir a performace do seu website

#1 - Firefox + Firebug + YSlow

#2 - AOL page Test

#3 - IBM page detailer

#4 - Safari 3.1+ Browser

Artigos Relacionados

Nuvem de Tags