[网页性能分析]利用Firfox,firbug,cssusage来分析CSS在网页中使用覆盖率

在大型网站中，有许多CSS文件，由于团队开发，最后会有很多样式表没有使用到。可以利用Firfox,firbug,cssusage来分析

 

 

1. install software environment:

·        Install Firefox-setup .exe

·        Install firebug  plug-in

1)click firefox ->   附加组件  

               

         

2)click “从文件安装附加组件”,select firebug-1.10.0a1.xpi open andinstall firebug, then restart firefox.

·        Install  Css Usage

1)     Enterhttps://addons.mozilla.org/en-US/firefox/addon/css-usage/ in Firefox and click  button

2. How  to check  Css coverage rate.

·        Enter URL , example: technet.com, clickbutton, this button is switch button.
·        Click Css Usage tab and click Scan

·        Show coverage rate

 

 Note:

Red font show that Web page don't use CSS styles. you can suggest that Web developer delete these CSS styles.