7 Super ferramentas para testar um site

Postado em 21. out, 2009 por Chiavegatti em Ferramentas, Programação

Depois de lançar um novo site, funcionalida ou atualização. Ele precisa ser testado.
Com certeza o maior pesado de um designer ou programador e principalmente do  cliente é lançar o site cheio de bugs com links quebrados e toda sua estrutura comprometida.

Esse tipo de situação joga a reputação do site por água a baixo.

Felizmente, temos várias excelentes ferramentas de teste de desenvolvimento e preparo do site para homologação (publicação). Esses testes automatizados analisam na maior parte das vezes toda a estrutura do CSS e velocidade de carregamento da página. Testar seu site completamente vai garantir sem dúvida alguma uma excelente e agradável experiência para sua audiência. Essas ferramentas devem obrigatoriamente constar no seu projeto!

1. WebSitePulse Test

Quanto rápido é o tempo de resposta, o tamanho do arquivo e seus links? O WebSitePulse oferece uma série de pequenos e simples testes para imagens , arquivos ou qualquer coisa relacionada a velocidade ele informa Tempo de carga, tamano de arquivos, velocidade de redirecionamento e DNS.

2. Spoon Browser SandBox

Não tem nada mais tedioso, chato e irritante e claro… Frustrante do que o teste de Browsers. Quantas vezes você já não deu murros na mesa, soltou aquele palavrão solene por causa dos alinhamentos diferentes no IE e no Firefox, ou então aqueles elementos Bizzaros que só existem no IE 6? Uma das grandes dificuldades do teste de browsers é você ser obrigato a ter todos eles instalados em apenas um computador, o que não é recomendado nem apropriado para um teste confiável.

A proposta do Spoon Browser SandBox, é fazer criar uma série de aplicações virtuais rodando todos os browsers populares simultâneamente. ele não precisa ser instalado (Stand-alone) porque roda em plug-in é leve muito útil.

3. Firebug

O Firebug é com certeza o plug-in mais utilizado entre desenvolvedores, 9 entre 10 usam o Firebug ou já ouviram falar dele e em breve irão utiliza-lo. O Firebug é com certeza o melhor depurador de erros front-end (client-side) de código e CSS. Borda, margin, padding não importa a regra checar com o Firebug torna você muito mais produtivo e fornece a melhor resposta. Com ele você muda sua folha de estilo em tempo real e já visualiza o resultado na prórpia janela atual do browser.

4. Load Impact

Você está desenvolvedo um site que terá muitas visitas, um page view alto, e quer saber se o bixinho “guenta o pega!”, quem vai te responder é o Load Impact. Uma ferramenta de “stress” que ira simular requisições simultâneas ao seu site e servidor e te reportar possíveis erros e a capacidade de Carga que seu site tem, com isso você pode planjear um escalonamento e adequações que considerar pertinente. Ele é distrbuído em versão gratúita porém possui versõs pagas com várias funcionalidades incorporadas.

5. Safari Web Inspector

Nativo do Safari o Web Inspector só fica disponível quando executado na tab de desenvolvimento, exibe folhas de estilo, imagens e scripts em qualquer site. Entretanto a funcionalidade mais útil do Web Inspector é uma funcionalidade conhecida como Network, ela exibe em tempo real a ordem e a velocidade em que as requisições são respondidas pelo servidor para o Browser, documentos, scripts, imagens etc…

6. Web Developer Firefox Extensions

Web Developer é uma excelente extensão do firefos, eu uso a muito tempo junto com o Firebug, não tem como viver sem ela para testar seus sites, ela provê uma grande variedade de testes, incluindo imagens quebradas, exibição de layout em resoluções diferentes, informações relativas a Cookies e validação do mark-up.

7. W3C Validation Services

E finalmente a validação da W3C. W3C é o padrão em toda a validação web. A validação W3C tem foco direto na marcação no código HTML /xthml bem escrito, formatado corretamente ESTRITAMENTE Correto na maioria das  vezes, e exibe todos os erros com base nos padrões estabelecidos para a escrita e marcação do documento. Os validadores da W3C estão disponíveis em vários idiomas  e tipos de teste diferentes. Abaixo estão listados os mais importantes validadores:

• W3C Markup Validation
• W3C CSS Validation
• W3C mobileOK Checker
• W3C Link Checker
• W3C Feed Validation Service

Esses testes garatem que você tenha desenvolvido um site rápido, livre de erros e possibilitam que caso erros existam você possa soluciona-los da forma mais produtiva possível e antes da publicação. Além de contribuir para as perfeitas condições das suas cordas vocais, evitando gritos de despero quando abrirem seu site no IE 6!