本節(jié)主要記錄一下在學(xué)習(xí)到網(wǎng)頁性能測試中的一些知識,如有問題歡迎指正截粗。
1信姓、網(wǎng)頁性能測試的主要內(nèi)容
? ? ? html、js绸罗、css和ajax等
html是描述網(wǎng)頁的語言意推,web瀏覽器通過讀html文檔顯示在網(wǎng)頁上。XML 被設(shè)計為傳輸和存儲數(shù)據(jù)珊蟀,其焦點是數(shù)據(jù)的內(nèi)容菊值。HTML 被設(shè)計用來顯示數(shù)據(jù),其焦點是數(shù)據(jù)的外觀系洛。
XHTML 是 HTML 與 XML(擴展標(biāo)記語言)的結(jié)合物俊性。XHTML 包含了所有與 XML 語法結(jié)合的 HTML 4.01 元素略步。
css是層疊樣式表描扯,定義如何顯示html的元素
JavaScript對網(wǎng)頁行為進行編程,常用來為網(wǎng)頁添加各式各樣的動態(tài)功能
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)趟薄。在不重新加載整個網(wǎng)頁的情況下绽诚,更新部分網(wǎng)頁,相當(dāng)于 異步 JavaScript 和 XML。
2恩够、性能指標(biāo)
頁面接收首字符時長FFTP
首次內(nèi)容渲染 FCP
DOM加載時間
首屏加載時間
onload時間
3卒落、工具
使用火狐插件All-In-One PageSpeed Test,把所有能進行頁面測試的工具在集中在一個分析結(jié)果中
下圖為分析結(jié)果:包括pagespeed和yslow 兩個工具的打分和優(yōu)化建議
下圖頁面的加載時間:
video可以能更直觀看到頁面的加載過程:
page settings中可以配置測試的地點和使用的瀏覽器內(nèi)核