Use YSlow Firefox add-on to analyze the performance of your web site Verwenden Sie YSlow Firefox Add-On zu analysieren, die Leistung Ihrer Website

Posted on August 3, 2007 at 3:53 pm Erschienen am 3. August 2007 3:53 Uhr

Make sure to read other posts from the FireFox YSlow series! Stellen Sie sicher, dass Sie andere Beiträge aus dem FireFox YSlow Serie!

  1. Use YSlow Firefox add-on to analyze the performance of your web site Verwenden Sie YSlow Firefox Add-On zu analysieren, die Leistung Ihrer Website
  2. How I increased by blog’s load speed by 50% using YSlow Wie ich um's Blog laden Geschwindigkeit von 50% mit 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 ist ein Firefox Add-On von Yahoo, die Sie benutzen können, um zu helfen, zu analysieren die Leistung Ihrer Website und bestimmen, warum Ihre Seiten langsam geladen werden auf der Grundlage der rules for high performance web sites Regeln für die hohe Performance Websites . YSlow integrates with YSlow integriert mit Firebug Feuerteufel Firefox web development add-on, so you’ll need to install that first. Firefox Web Entwicklung add-on, deshalb müssen Sie diese zuerst zu installieren.

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 wird eine allgemeine Performance Scorecard für Ihre Seite, die vollständige HTML / HTTP Zusammenfassung, eine Liste der Komponenten auf der Seite, und andere tolle Tools wie JSLint. There are 13 rules for high performance web sites: Es gibt 13 Regeln für die hohe Performance Websites:

  1. Make Fewer HTTP Requests Machen weniger HTTP Zugriffe
  2. Use a Content Delivery Network Verwenden Sie ein Content Delivery Network
  3. Add an Expires Header Fügen Sie ein Expires Header
  4. Gzip Components Gzip Komponenten
  5. Put CSS at the Top Put CSS auf der Startseite
  6. Move Scripts to the Bottom Bewegen Sie Scripts zu den Bottom
  7. Avoid CSS Expressions Vermeiden Sie Ausdrücke CSS
  8. Make JavaScript and CSS External Machen Sie JavaScript und CSS externen
  9. Reduce DNS Lookups Reduzieren DNS-Lookups
  10. Minify JavaScript Minify JavaScript
  11. Avoid Redirects Vermeiden Sie Redirects
  12. Remove Duplicate Scripts Doppelte Scripte
  13. Configure ETags Konfigurieren ETags

According to Yahoo, this tool has helped to increase the performance of about 50 Yahoo sites by 25 to 50%. Laut Yahoo, hat dazu beigetragen, dieses Instrument zur Steigerung der Effizienz von etwa 50 Yahoo Websites von 25 bis 50%. Once installed, browse to the page you want to analyze, click on Tools , then FireBug , and choose Open FireBug . Einmal installiert, navigieren Sie zu der Seite, die Sie analysieren wollen, klicken Sie auf Extras, dann FireBug, und wählen Sie Öffnen FireBug.

Feuerteufel

You’ll now see a docked bar across the bottom where you can inspect every aspect of the web site. Sie sehen nun einem angedockten Leiste an der Unterseite, wo Sie kontrollieren jeden Aspekt der Website. Go ahead and click on YSlow at the far right. Gehen Sie vor und klicken Sie auf YSlow auf der weit rechts. There are four main tabs in YSlow: Performance, Stats, Components, and Tools. Es gibt vier Registerkarten in YSlow: Performance, Statistik, Komponenten und Tools. Click on Performance to get your report card score: Klicken Sie auf Performance, um Ihren Bericht Karte Punktestand:

Yslow Performance Analyzer

As you can see from above, my blog is not quite optimized yet!! Wie Sie sehen können von oben, mein Blog ist noch nicht ganz optimiert! OUCH! I will certainly be working on this problem very soon! Ich werde sicherlich auf dieses Problem sehr schnell! You get a score for each of those thirteen performance points. Sie erhalten eine Punktzahl für jedes dieser Leistung dreizehn Punkte. Click on Stats and you’ll see exactly how many style sheets, JavaScript files, and images that were loaded. Klicken Sie auf Statistik, und Sie werden sehen, genau, wie viele Style Sheets, JavaScript Dateien und Bilder, die geladen werden. You’ll get the total size of the page and the total number of HTTP requests. Sie bekommen die gesamte Größe der Seite und die Gesamtzahl der HTTP Zugriffe.

Click on Components to get a list of what each request was, the response time, the size, and the eTag. Klicken Sie auf Komponenten, um eine Liste von dem, was jeder Antrag wurde, die Reaktionszeit, die Größe und die 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. Schließlich, unter Werkzeuge, die Sie nutzen können JSLint finden Sie irgendwelche Probleme mit Ihrem JavaScript Dateien. Alle JS und CSS Alle vereint all das separate Dateien in eine Datei. The Printable View option is very convenient since it puts all of the data from all of the tabs together for easy printing. Druckbare Ansicht der Option ist sehr komfortabel, da sie stellt alle Daten von allen den Registerkarten zusammen, um Druck.

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. Insgesamt ist ein sehr wichtig, add-on, wenn Sie eine Website zu optimieren und wollen es so, dass Webseiten laden so schnell wie möglich.

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

If you enjoyed this post, make sure you Wenn Ihnen dieser Post, machen Sie sicher, dass Sie subscribe to my RSS feed Abonnieren meinem RSS-Feed ! !

» Filed Under »Unter Abgelegt Web Site Tips Website Tipps

Related Posts Verwandte Beiträge

Please post your comments/suggestions! Bitte stellen Sie Ihre Kommentare und Anregungen!