Yslow&PageSpeed– 診斷各種緩慢症狀


Google的PageSpeed和yahoo的yslow是各位不可少的前端工具(同樣也都是firebug的插件,安裝了firebug之后才可以擁有她們),當各位無法用三寸不爛之舌收拾產品和各種大佬的時候。我猜您可以用這兩鍋說服他們。

slow地界面一如往常的順眼

下面簡單說一下yslow的主要功能

    其中上圖標示3的地方是yslow的幾個主要功能的選項卡。

 

    第一個選項卡是當前頁整體評分(Grade),個人對這個很不敏感。點選后為下圖(個人對評分很不敏感)

 

    第二個選項卡是當前頁的一些加載進來的各種文件統計,點選后為下圖

 

    第三個選項卡是狀態,左邊的餅圖是緩存前的狀態,右邊的是緩存后的狀態。點選后為下圖

 

    第四個選項卡是一些yslow推薦的優化工具(我個人經常用的是smush,可以無損壓縮各種web端的圖片)點選為下圖

 

 

    OK,最后一個小工具PageSpeen帶着明顯的google血統出場了,一如既往的簡約而不簡單。

    在各位激活pagespeed地時候,就會立刻不騷等的出現當前頁面的一些需要優化的提示。紅色表示急切需要優化,黃色表示還闊以。綠色表示優化的很好。

    當點開急切需要優化的optimize images這欄的時候,就會出現這樣的界面,直接點選圖片就會下載已經壓縮好的圖片,十分安逸。(本地的html不闊以壓)


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com