今天我們來(lái)講解下“網(wǎng)頁(yè)加載時(shí)間查詢(xún)工具，前端性能測(cè)試（干貨）！”我們都知道，頁(yè)面的加載時(shí)間越短，對(duì)于我們的SEO就越友好，對(duì)吧，如果加載時(shí)間過(guò)長(zhǎng)，對(duì)于排名肯定是有一定影響的，下面我們分享下，如何查詢(xún)網(wǎng)頁(yè)加載時(shí)間，分享一款有效的前端性能測(cè)試工具。
無(wú)論是網(wǎng)頁(yè)還是APP，用戶(hù)打開(kāi)都需要耗時(shí)，這個(gè)時(shí)間越短越能給用戶(hù)留下好評(píng)。就拿網(wǎng)頁(yè)來(lái)說(shuō)，首屏?xí)r間在1.5秒內(nèi)，會(huì)帶給用戶(hù)流暢的極速體驗(yàn)。今天我們給站長(zhǎng)介紹一款首屏?xí)r間查詢(xún)工具，即性能魔方（mmTrix），這是一款云評(píng)測(cè)應(yīng)用，可以用來(lái)進(jìn)行Web前端性能測(cè)試。
首屏?xí)r間，是指瀏覽器顯示第一屏頁(yè)面所消耗的時(shí)間，它衡量著我們的頁(yè)面是否能在用戶(hù)耐心消磨完之前展示出來(lái)，很大程度影響著用戶(hù)的使用滿(mǎn)意度。使用性能魔方工具查詢(xún)首屏?xí)r間，操作如下：
1、打開(kāi)性能魔方評(píng)測(cè)地址http://www.mmtrix.com/evaluate/applist
2、點(diǎn)擊“WEB評(píng)測(cè)”→“創(chuàng)建任務(wù)”，輸入待測(cè)試的網(wǎng)址，點(diǎn)擊確認(rèn)
3、查看評(píng)測(cè)結(jié)果，在這里我們可以看到“白屏?xí)r間”、“首屏?xí)r間”、“整頁(yè)時(shí)間”、“DNS時(shí)間”、“連接時(shí)間”、“后端時(shí)間”、“請(qǐng)求樹(shù)”、“頁(yè)面大小”以及網(wǎng)頁(yè)“評(píng)分”。
名詞解釋?zhuān)?/strong>
白屏?xí)r間：頁(yè)面渲染之前屏幕空白的時(shí)間
首屏?xí)r間：網(wǎng)頁(yè)充滿(mǎn)第一屏需要的時(shí)間
整頁(yè)時(shí)間：整個(gè)網(wǎng)頁(yè)加載完成的時(shí)間
DNS時(shí)間：頁(yè)面域名解析花費(fèi)的時(shí)間
連接時(shí)間：瀏覽器與服務(wù)器建立連接花費(fèi)的時(shí)間
后端時(shí)間：服務(wù)端處理頁(yè)面請(qǐng)求需要的時(shí)間
請(qǐng)求數(shù)：頁(yè)面加載過(guò)程中發(fā)出的HTTP請(qǐng)求的數(shù)目
頁(yè)面大?。喉?yè)面以及頁(yè)面所需的資源所占的存儲(chǔ)空間
這些時(shí)間越小越好。通過(guò)性能魔方評(píng)測(cè)，敢闖網(wǎng)首屏?xí)r間為1.016s，頁(yè)面的綜合評(píng)分為89分，趕快來(lái)評(píng)測(cè)一下你的網(wǎng)站首屏?xí)r間吧！如果網(wǎng)頁(yè)首屏?xí)r間超過(guò)1.5s，則需要對(duì)首屏?xí)r間進(jìn)行優(yōu)化
我們今天的文章就分享到這里，百度去年公布了，閃電算法，專(zhuān)門(mén)打擊一些加載速度慢的網(wǎng)頁(yè)，所以我們一般而言，不要讓網(wǎng)頁(yè)加載時(shí)間過(guò)慢，保持3秒以?xún)?nèi)可以打開(kāi)網(wǎng)頁(yè)即可，另外大家要明白，網(wǎng)站的速度，服務(wù)器占一大方面，如果我們可以把網(wǎng)站服務(wù)器進(jìn)行合理的提升，網(wǎng)頁(yè)的速度也會(huì)比較快，然后對(duì)程序源碼進(jìn)行優(yōu)化即可，好了，今天就講解到這里。
