Use YSlow Firefox add-on to analyze the performance of your web site Use YSlow Firefox add - on "para analisar o desempenho do seu site

Posted on August 3, 2007 at 3:53 pm Postado em 3 de agosto de 2007, 3:53 hs

Make sure to read other posts from the FireFox YSlow series! Certifique - se de ler outros lugares do FireFox YSlow série!

Use YSlow Firefox add-on to analyze the performance of your web site Use YSlow Firefox add - on "para analisar o desempenho do seu site
How I increased by blog’s load speed by 50% using YSlow Como eu aumentaram blogue da carga de 50% utilizando YSlow

YSlow is a FireFox add-on from Yahoo that you can use to help analyze the performance of your web site and determine why your web pages are slow to load based on the YSlow é uma FireFox add - on ", do Yahoo, que pode usar para ajudar a analisar o desempenho do seu site e determinar por que as suas páginas são lentos para carregar com base no rules for high performance web sites Normas de elevado desempenho sites . YSlow integrates with YSlow integra - se com Firebug Firefox web development add-on, so you’ll need to install that first. Firefox Web desenvolvimento add - on ", então você precisará instalar aquele primeiro.

YSlow will generate an overall performance scorecard for your page, a complete HTML/HTTP summary, a list of components on the page, and other cool tools like JSLint. There are 13 rules for high performance web sites: Existem 13 regras para alta performance Web sites:

According to Yahoo, this tool has helped to increase the performance of about 50 Yahoo sites by 25 to 50%. De acordo com o Yahoo, essa ferramenta tem contribuído para aumentar o desempenho de aproximadamente 50 Yahoo sites por 25 a 50%. Once installed, browse to the page you want to analyze, click on Tools , then FireBug , and choose Open FireBug . Uma vez instalado, navegue até a página que você deseja analisar, clique em Ferramentas e, em seguida, FireBug, e escolha Open FireBug.

Firebug

You’ll now see a docked bar across the bottom where you can inspect every aspect of the web site. Você agora ver uma barra acoplada em toda a parte inferior onde você pode inspecionar todos os aspectos do Web site. Go ahead and click on YSlow at the far right. Vá em frente e clique no YSlow na extremidade direita. There are four main tabs in YSlow: Performance, Stats, Components, and Tools. Há quatro principais guias na YSlow: Performance, Estatística, Componentes e Ferramentas. Click on Performance to get your report card score: Clique em Desempenho para adquirir seu relatório cartão de pontuação:

Yslow desempenho Analyzer

As you can see from above, my blog is not quite optimized yet!! Como você pode ver a partir de cima, o meu blog não é muito otimizado ainda! OUCH! I will certainly be working on this problem very soon! Vou certamente estar a trabalhar sobre este problema muito em breve! You get a score for each of those thirteen performance points. Você obterá uma pontuação para cada uma dessas treze pontos desempenho. Click on Stats and you’ll see exactly how many style sheets, JavaScript files, and images that were loaded. Clique em Estatística e você verá exatamente quantas folhas de estilo, JavaScript arquivos, e imagens que foram carregadas. You’ll get the total size of the page and the total number of HTTP requests. Você terá o tamanho total da página e o número total de pedidos HTTP.

Click on Components to get a list of what each request was, the response time, the size, and the eTag. Clique em Componentes para obter uma lista do que cada um foi pedido, o tempo de resposta, o tamanho, e os eTag.

Finally, under tools you can use JSLint to find any problems with your JavaScript files. All JS and All CSS combines all of the separate files into one file. Finalmente, no âmbito ferramentas que você pode usar JSLint para encontrar algum problema com o seu JavaScript arquivos. All All JS e CSS combina todos os arquivos separados em um único arquivo. The Printable View option is very convenient since it puts all of the data from all of the tabs together for easy printing. O Printable View opção é muito conveniente, uma vez que coloca todos os dados de todas as guias juntos para fácil impressão.

Overall, a very essential add-on if you have a web site and want to optimize it so that web pages load as fast as possible. De um modo geral, muito essencial add - on "se você tiver um web site e deseja otimizá - la, a fim de que carregar páginas da web o mais depressa possível.

Technorati Tags: Technorati Tags: website performance Site desempenho , measure website performance Medir o desempenho site , analyze website performance Analisar o desempenho site , load website faster Carga site mais rápido , increase website performance Aumentar o desempenho site , webpage loads slowly Página carregada lentamente , website performance tool Site desempenho ferramenta , yslow Yslow , firebug Firebug , firefox add-on Firefox add - on "

If you enjoyed this post, make sure you Caso você tenha este cargo, certifique - se de subscribe to my RSS feed Inscrever - se em meu feed RSS ! !

» Filed Under »Filed Under Web Site Tips Web Site Dicas