Use YSlow Firefox add-on to analyze the performance of your web site Uso YSlow Firefox add-on per analizzare le prestazioni del tuo sito web

Posted on August 3, 2007 at 3:53 pm Postato il 3 agosto 2007 a 3:53 ore

Make sure to read other posts from the FireFox YSlow series! Assicurarsi di leggere altri posti dal FireFox YSlow serie!

  1. Use YSlow Firefox add-on to analyze the performance of your web site Uso YSlow Firefox add-on per analizzare le prestazioni del tuo sito web
  2. How I increased by blog’s load speed by 50% using YSlow Come ho aumentato di blog carico di velocità del 50% utilizzando 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 è un FireFox add-on da Yahoo, che si possono usare per aiutare analizzare le prestazioni del vostro sito web e di determinare il motivo per cui le tue pagine web sono lenti da caricare in base alla rules for high performance web sites Regole per i siti web ad alte prestazioni . YSlow integrates with YSlow integra con Firebug Firefox web development add-on, so you’ll need to install that first. Firefox sviluppo web add-on, quindi avrete bisogno di installare che per primo.

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. YSlow di generare un rendimento globale Scorecard per la tua pagina, una completa HTML / HTTP sintesi, un elenco di componenti su una pagina, e di altri strumenti come JSLint. There are 13 rules for high performance web sites: Ci sono 13 regole per le alte prestazioni siti web:

  1. Make Fewer HTTP Requests Fai un minor numero di richieste HTTP
  2. Use a Content Delivery Network Utilizzare una rete di distribuzione di contenuti
  3. Add an Expires Header Aggiungere un scade intestazione
  4. Gzip Components Gzip Componenti
  5. Put CSS at the Top CSS mettere al Top
  6. Move Scripts to the Bottom Spostare Script per il Bottom
  7. Avoid CSS Expressions Evitare espressioni CSS
  8. Make JavaScript and CSS External Fai di Javascript e CSS esterni
  9. Reduce DNS Lookups Ridurre il DNS lookup
  10. Minify JavaScript Minify JavaScript
  11. Avoid Redirects Evitare Reindirizza
  12. Remove Duplicate Scripts Rimuovere duplicati script
  13. Configure ETags Configurare ETags

According to Yahoo, this tool has helped to increase the performance of about 50 Yahoo sites by 25 to 50%. Secondo Yahoo, questo strumento ha contribuito ad aumentare le prestazioni di circa 50 Yahoo siti dal 25 al 50%. Once installed, browse to the page you want to analyze, click on Tools , then FireBug , and choose Open FireBug . Una volta installato, cercare la pagina che si desidera analizzare, fare clic sul menu Strumenti, quindi FireBug, e scegliere Apri FireBug.

Firebug

You’ll now see a docked bar across the bottom where you can inspect every aspect of the web site. Puoi ora vedere una barra inserito nella parte inferiore dove è possibile controllare ogni aspetto del sito web. Go ahead and click on YSlow at the far right. Andare avanti e fare clic sul YSlow all'estremità destra. There are four main tabs in YSlow: Performance, Stats, Components, and Tools. Ci sono quattro principali schede YSlow: Performance, Stats, Componenti, e Strumenti. Click on Performance to get your report card score: Fare clic su Prestazioni per ottenere il vostro rapporto carta di cliente:

Yslow prestazioni Analyzer

As you can see from above, my blog is not quite optimized yet!! Come si può vedere da sopra, il mio blog non è ancora del tutto ottimizzato! OUCH! I will certainly be working on this problem very soon! Mi sarà sicuramente lavorando su questo problema molto presto! You get a score for each of those thirteen performance points. Si ottiene un punteggio, per ciascuna di tali prestazioni tredici punti. Click on Stats and you’ll see exactly how many style sheets, JavaScript files, and images that were loaded. Clicca su Statistiche e vedrai esattamente quante fogli di stile, JavaScript immagini, e le immagini che sono state caricate. You’ll get the total size of the page and the total number of HTTP requests. Otterrete la dimensione totale della pagina e il numero totale di richieste HTTP.

Click on Components to get a list of what each request was, the response time, the size, and the eTag. Fare clic su Componenti per ottenere una lista di ciò che ogni richiesta è stata, il tempo di risposta, le dimensioni, e la 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. Infine, nel quadro strumenti si possono usare JSLint per individuare eventuali problemi con i vostri file JavaScript. JS Tutte e Tutti CSS combina tutti i file separati in un unico file. The Printable View option is very convenient since it puts all of the data from all of the tabs together for easy printing. L'opzione Visualizza la stampa è molto conveniente dal momento che mette tutti i dati di tutte le schede di facile insieme per la stampa.

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. Nel complesso, molto essenziale add-on se avete un sito web e da ottimizzare, in modo che le pagine web caricare più velocemente possibile.

Technorati Tags: Technorati Tags: , , , , , , , , ,

If you enjoyed this post, make sure you Se goduto di questo post, assicuratevi di subscribe to my RSS feed Iscriviti al mio feed RSS ! !

» Filed Under Ordinata Pagina » Web Site Tips Sito Web Suggerimenti

Related Posts Altre post

Please post your comments/suggestions! Vi preghiamo di inserire i tuoi commenti / suggerimenti!