網(wǎng)頁性能測(cè)試

1.GTmetrix#####

https://gtmetrix.com/
一般互聯(lián)網(wǎng)的網(wǎng)站,得分要達(dá)到C(包含A和B)以上,最好能達(dá)到B。

YSlow的檢查項(xiàng)目
1、Add Expires headers
添加過期頭,一般指CSS、JS、圖片等靜態(tài)文件,更新頻率比較低,因此可以加上過期時(shí)間。
2、Compress components with gzip
用gzip壓縮文件,但是要注意,最好壓縮好了再部署,而不是每次獲取現(xiàn)壓縮,可能占用cpu比較高。
3、Use a Content Delivery Network(CDN)
就是程序部署在不同的服務(wù)器,不同地區(qū)、網(wǎng)絡(luò)的用戶能夠訪問最快的。
4、Make fewer HTTP requests
合并js和css文件,開發(fā)時(shí)可以分開,部署時(shí)可以用合并工具合并。減少請(qǐng)求數(shù)量。
5、Minify JavaScript and CSS
js和css壓縮工具壓縮一下(去空格,長(zhǎng)名稱用短命名代替)等,減小文件大小。
6、Use cookie-free domains
意思是設(shè)置cookie的用一個(gè)域名比如:main.host.com,但是有一些不需要cookie的文件用另外一個(gè)域名:static.host.com,這樣發(fā)送請(qǐng)求的時(shí)候Request中就少了cookie頭的信息了。
7、Put javascript to bottom
瀏覽器的加載和展現(xiàn)順序是:先靜態(tài)文件,再css,展現(xiàn),再js,再執(zhí)行js的內(nèi)容。所以,就需要把css先加載下來,方便展現(xiàn),因此,css要放在頭部,用戶能更快的看到頁面。js文件要放在底部,可以慢慢加載,然后再執(zhí)行js的內(nèi)容。

****PageSpeed的檢查項(xiàng)****
1、Combine external CSS 合并CSS文件
2、Combine external JavaScript 合并JavaScript文件
3、Leverage browser caching 利用瀏覽器Cache,就是要加過期時(shí)間

4、Minify CSS - 最小化CSS,壓縮
5、Serve static content from a cookieless domain - 靜態(tài)文件放在不設(shè)置cookie的域名下
6、Enable gzip compression - 啟用gzip壓縮
7、Specify a Vary:Accept-Encoding header - 如果壓縮了,指定Accept-Encoding的頭
8、Remove unused CSS - 去掉不用的CSS
9、Use efficient CSS selectors - 用有效的CSS選擇器


參考資料

  1. [用GTmetrix來優(yōu)化你的網(wǎng)頁(集成了YSlow、FireBug的功能) - 李海波 -- 做影響一億人的產(chǎn)品 - 博客頻道 - CSDN.NET]
  2. [設(shè)置browser cache來加速網(wǎng)站(Leverage browser caching) – 程春杰博客]
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容