Website performance scoring tool YSlow use tutorial

Yslow This tool believe whether it is to engage in front-end siege division or site owners are aware that Yslow can be more famous than Google Pagespeed, the score data under the percentile always fascinated the Chinese people, it seems that exam-oriented education made too deep. Jeff thinks, Yslow more professional, but because it is in English, so in the personal analysis results on some people more difficult, it is recommended to first use Pagespeed insights familiar with.

Website Performance scoring Tool YSlow introduction

YSlow (resolved to why slow) is a Yahoo! Website Optimization rule-based tool that helps you analyze and optimize website performance. Yahoo website optimization rules in more than 10 ways to make recommendations for your site optimization, including as much as possible to reduce the number of HTTP requests, using Gzip compression, CSS style placed on the top of the page, the script to move to the bottom, reduce DNS query , such as more than 10 rules, YSlow Will analyze your site based on these rules and give a rating.

Official website: http://developer.yahoo.com/yslow/

Chrome Extensions: Click Install

Firefox plugin: Click Install

This article is mainly about the YSlow Chrome extension.

Website performance scoring tool YSlow use procedure

After installing the YSlow Chrome extension, there will be an icon in the upper right corner of the browser. First visit the website you want to analyze, and then click on it to analyze it.

RuleSets can choose different scoring standards, small blog is naturally small sites or blog.

Website performance scoring tool YSlow component analysis

YSlow Analysis Results scoring interface (Grade)

For example, there is all (), FILTER by:content (5), CSS (5), IMAGES (2), JAVASCRIPT (3), SERVER (2). It means that there are 15 scoring rules, including 5 items, CSS5, Image 2, JS three, server 2.

• The left-hand list is a detailed detection rule that scores from a-f to several levels;

Click on each rule if there is a lower score, there will be a hint on the right and a suggestion for Yahoo. Click the Read more link to get a more detailed introduction to this rating.

Build View interface (components)

This view window mainly lists the page documents, images, images in css,css, the size of the Js,favicon image, and the size of the gzip compression enabled, the size of the receive and send cookies, click the magnifying glass to view the request header information, the URL is the address, Expires is the existence of the cache and the expiration time. Response time is the duration of the file response in milliseconds Ms. Whether or not to enable the recommended part of Etag,action,yslow, how to optimize the operation. For example my background map, it will give the compression recommendations, and can provide a compressed image.

Statistical Information View (Statistics)

This page is relatively simple, mainly round analysis chart. One of those words is, "the page has a total of eight or nine and a weight of 515.3K bytes", which is probably meant to have 26 requests, load 515.3kb of page size, anyway not from 10.

From the above analysis, the home page of the site is a bit too large, preferably under 300KB. About the browser cache, the reason is not enabled, because often need to modify the code, too troublesome.