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

 

php
 
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

TrackBack URI for this entry