国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談頁面裝載js及性能分析方法

2019-11-20 13:46:28
字體:
供稿:網(wǎng)友

一、裝載

   先裝載靜態(tài)頁面的引用js文件,然后查找引用文件中是否包含onload函數(shù),比如main.js中包含onload函數(shù),在main.js中查找是否有對其他js文件的引用,優(yōu)先裝載引用js文件,被引用中文件的裝載順序和main.js的順序一致。
裝載完畢后,開始執(zhí)行onload函數(shù)。由于js執(zhí)行順序是順序執(zhí)行的,為提高頁面相應(yīng)速度,一般做法是在onload中只畫頁面,一些事件的綁定函數(shù),ajax方法等可延后書寫。

二、響應(yīng)速度分析

1.借助工具進(jìn)行分析

各大瀏覽器的開發(fā)者工具(最喜歡使用火狐)可以方便的查看各個js文件、html文件、css文件及圖片的裝載及執(zhí)行時間。

2.硬編碼分析

在第一步中我們基本能定位到瓶頸js文件了,在瓶頸js中,可以使用console.time('test')和console.Endtime('test')語句對js函數(shù)及代碼塊掐取執(zhí)行時間。不過console語句只在非IE瀏覽器中執(zhí)行有效,而在IE下會報錯。如果你偏愛使用IE,那就使用時間戳吧。在掐取時,比較方便的方法是,直接掐住整個js文件,然后使用火狐瀏覽器,按F12可以在控制臺中看到目標(biāo)js中所有函數(shù)及代碼塊的耗時,即可定位到瓶頸代碼處。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 金堂县| 阳原县| 石渠县| 铁力市| 廊坊市| 襄樊市| 屏东县| 囊谦县| 榕江县| 余干县| 通渭县| 阿拉善左旗| 尚志市| 南木林县| 栖霞市| 德江县| 巍山| 关岭| 皮山县| 和硕县| 习水县| 固安县| 萍乡市| 长武县| 绵阳市| 新巴尔虎左旗| 芜湖县| 依兰县| 南京市| 司法| 东丽区| 万安县| 株洲市| 南澳县| 双桥区| 信宜市| 错那县| 高淳县| 兖州市| 通化市| 金堂县|