基于cocos2dx -js h5项目优化记录

在记录优化内容前选搞清楚web渲染流程的四个主要步骤:

  1. 解析HTML生成DOM树 - 渲染引擎首先解析HTML文档,生成DOM树
  2. 构建Render树 - 接下来不管是内联式,外联式还是嵌入式引入的CSS样式会被解析生成CSSOM树,根据DOM树与CSSOM树生成另外一棵用于渲染的树-渲染树(Render tree),
  3. 布局Render树 - 然后对渲染树的每个节点进行布局处理,确定其在屏幕上的显示位置
  4. 绘制Render树 - 最后遍历渲染树并用UI后端层将每一个节点绘制出来

以上步骤是一个渐进的过程,为了提高用户体验,渲染引擎试图尽可能快的把结果显示给最终用户。它不会等到所有HTML都被解析完才创建并布局渲染树。它会在从网络层获取文档内容的同时把已经接收到的局部内容先展示出来。

 

优化思路:

  为了保障首屏内容的最快速显示,就需要做资源的拆分,那么以什么粒度拆分、要不要拆分,不同页面、不同场景策略不同。以达到渐进式页面渲染

 

优化内容:

1.html文件内容整理:

  1.html文件中剥离css代码和非必要js代码,尽量不要融合到一起,毕竟多种代码混合会给你管理页面代码带来极大的负担。而且html文件内容复多少会影响html页面加载速度。

 

  2.html文件中加载css文件

    只下载和首屏页面布局有关文件,其他css文件等游戏启动后偷偷下载或者使用前夕再下载。因为渲染时DOM树的生成过程中可能会被CSS的加载执行阻塞

 

  3.html文件中下载js文件

    只下载和初始化所需有关文件(如vconsole插件),其他js文件等游戏启动后偷偷下载或者使用前夕再下载。因为渲染时DOM树的生成过程中同样可能会被JS的加载执行阻塞

    如果服务器支持合并请求,就把js和css合并请求。来提高性能。因为同一域名下的请求有一定数量限制,浏览器下载静态文件超过限制数目的请求会被阻塞

 

压缩js、css、图片

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在,都有一个你没有努力的曾经。
公众号推荐
   一个历史类的公众号,欢迎关注
一两拨千金
蓝月亮料精选资料免费 英德市| 黔西县| 伊金霍洛旗| 四川省| 栾城县| 廉江市| 新乡市| 黑水县| 镇巴县| 宜都市| 安福县| 泰州市| 宣汉县| 棋牌| 丰顺县| 望谟县| 浑源县| 青岛市| 溧水县| 前郭尔| 锡林浩特市| 全州县| 新沂市| 洞口县| 镶黄旗| 贵定县| 瑞安市| 拉孜县| 阜南县| 郁南县| 陇南市| 余干县| 安达市| 呼伦贝尔市| 含山县| 阜平县| 梅州市| 青浦区| 吉木乃县| 正安县| 汽车| 南宁市| 安乡县| 察隅县| 弥勒县| 普兰县| 金乡县| 新昌县| 沙河市| 呼图壁县| 唐海县| 铜陵市| 平塘县| 石景山区| 吴忠市| 宜兰县| 宁安市| 周口市| 灵川县| 潮安县| 陇南市| 云南省| 八宿县| 泰安市| 融水| 垫江县| 绥化市| 沙洋县| 石柱| 永靖县| 鹿泉市| 滦平县| 通辽市| 陵水| 漯河市| 临泽县| 德化县| 肃宁县| 黔江区| 河津市| 宁波市| 团风县| 亚东县| 霍邱县| 蒙阴县| 桃源县| 临沂市| 嵩明县| 蕲春县| 安达市| 武威市| 郎溪县| 康平县| 镇雄县| 林西县| 泾阳县| 达拉特旗| 闵行区| 聂拉木县| 邓州市| 纳雍县| 榆社县| 牡丹江市| 潮州市| 五华县| 濉溪县| 精河县| 禹城市| 乐东| 循化| 余干县| 玉树县| 泰来县| 广宁县| 浠水县| 威海市| 上饶市| 林芝县| 宾川县| 九江县| 陇川县| 苍山县| 林西县| 营山县| 肇州县| 武陟县| 陇川县| 鸡泽县| 台安县| 嘉荫县| 吉林市| 清原| 苏州市| 山丹县| 易门县| 泸定县| 泗洪县| 四会市| 天长市| 措勤县| 门头沟区| 鄂伦春自治旗| 大连市| 长春市| 大港区| SHOW| 临海市| 汽车| 晋城| 阿拉善盟| 宽甸| 漠河县| 元阳县| 桦甸市| 华安县| 南漳县| 连州市| 大新县| 北流市| 天等县| 谷城县| 绿春县| 浮梁县| 久治县| 剑河县| 庆云县| 赞皇县| 卢湾区| 晋江市| 东方市| 墨玉县| 景谷| 田林县| 弥勒县| 成都市| 邓州市| 新巴尔虎右旗| 峨边| 杭锦后旗| 江永县| 酉阳| SHOW| 通化市| 扶风县| 凌海市| 响水县| 宜城市| 鹤壁市| 莱阳市| 潜江市| 嵊泗县| 延庆县| 攀枝花市| 鄂州市| 额敏县| 湘阴县| 容城县| 嘉祥县| 延川县| 高邑县| 石楼县| 安吉县| 孝感市| 九江县| 吴川市| 察雅县| 阳江市| 肃南| 河北省| 巴塘县| 梅河口市| 绥宁县| 星座| 牙克石市| 喀喇沁旗| 买车| 蒙山县| 耒阳市| 遂平县| 咸丰县| 阜新市| 双鸭山市| 宜章县| 吉安县| 长阳| 日照市| 敖汉旗| 三穗县| 通道| 水城县| 武定县| 巴楚县| 苏州市| 师宗县| 焦作市| 灌阳县| 巴彦县| 延川县| 北海市| 阳原县| 隆安县| 印江| 绥中县| 荆州市| 拜城县| 洪洞县| 舒兰市| 衡东县| 浏阳市| 昭平县| 永福县| 自治县| 扶风县| 上饶县| 灵台县| 巴青县| 曲阳县| 龙泉市| 正定县| 合肥市| 天全县| 焉耆| 鄄城县| 西平县| 伊春市| 马鞍山市| 辽阳县| 尼玛县| 金沙县| 海阳市| 东阳市| 江城| 如皋市| 石渠县| 巴林左旗| 连城县| 凤阳县| 揭阳市| 商水县| 肥城市| 卫辉市| 婺源县| 双鸭山市| 临漳县| 黔西县| 南靖县| 吐鲁番市| 丰县| 长岛县| 泽库县| 襄汾县| 齐齐哈尔市| 隆回县| 大悟县| 上蔡县| 翁源县| 连州市| 南宁市| 博白县| 莲花县| 台北市| 长丰县| 海原县| 冀州市| 偃师市| 永胜县| 肇州县| 余庆县| 榆社县| 南宫市| 丰镇市| 孝义市| 体育| 垦利县| 南投县| 马山县| 泽州县| 米泉市| 治县。| 榆林市| 库伦旗| 苍南县| 淮北市| 五河县| 宕昌县| 渭南市| 嘉黎县| 和平县| 台安县| 关岭| 东山县| 屯门区| 常宁市| 嘉义县| 长岛县| 渭南市| 青浦区| 灌南县| 沂水县| 枣阳市| 沐川县| 香格里拉县| 紫云| 宜丰县| 东乌珠穆沁旗| 吐鲁番市| 花垣县| 佛学| 石城县| 恭城| 湟中县| 武乡县| 界首市| 怀集县| 德江县| 界首市| 洞口县| 桓台县| 双辽市| 西盟| 武城县| 许昌市| 辽源市| 昌都县| 淮北市| 墨竹工卡县| 宜宾市| 吴忠市| 海宁市| 阳东县| 那曲县| 昭觉县| 仁怀市| 梓潼县| 神农架林区| 绥宁县| 固镇县| 新平| 延津县| 印江| 乌兰察布市| 青海省| 彰武县| 永泰县| 镇巴县| 阜康市| 历史| 北川| 宁南县| 许昌市| 固始县| 泰兴市| 黄骅市| 大化| 台州市| 合阳县| 海安县| 会宁县| 衡东县| 紫金县| 固阳县| 扎兰屯市| 神池县| 长宁区| 中超| 隆化县| 刚察县| 大方县| 龙门县| 泉州市| 延边| 怀安县| 曲靖市| 东城区| 万载县| 金沙县| 沙雅县| 肃宁县| 阿荣旗| 突泉县| 秦皇岛市| 成安县| 尚义县| 民丰县| 拉孜县| 北安市| 洛隆县| 杭锦旗| 永宁县| 肇州县| 苍梧县| 汉沽区| 禹城市| 岳池县| 六枝特区| 安顺市| 化州市| 呈贡县| 恩施市| 乳山市| 义马市| 和顺县| 施甸县| 通州市| 大化| 肥东县| 遂宁市| 神池县| 衡东县| 文昌市| 镇安县| 礼泉县| 双牌县| 嫩江县| 武威市| 寻乌县| 锡林浩特市| 老河口市| 黔南| 南溪县| 鹿邑县| 天柱县| 军事| 栖霞市| 什邡市| 海口市| 宜良县| 尼勒克县| 忻州市| 和田县| 张掖市| 镇康县| 平舆县| 阿鲁科尔沁旗| 大冶市| 天长市| 屯留县| 兰考县| 娱乐| 苏尼特右旗| 隆昌县| 岗巴县| 从江县| 博白县| 商丘市| 五莲县| 柘城县| 盖州市| 庆阳市| 庆云县| 准格尔旗| 宣威市| 宁海县| 会宁县| 玉林市| 博乐市| 灌南县| 遵义县| 民丰县| 海淀区| 鄂托克前旗| 桂平市| 安乡县| 阳谷县| 翁牛特旗| 游戏| 台前县| 教育| 望江县| 班戈县| http://www.bo2020fans.fun http://wap.jvz0j8r7o.fun http://www.bo2020loads.fun http://www.yqo6j2rl3v.fun http://m.jvz1j2r0o.fun http://www.bo2020googles.fun http://www.yqo7j3rl7v.fun http://wap.yqo9j2rl5v.fun http://m.gz1980enlargec.fun http://www.bo2020indexs.fun http://wap.bo2020interests.fun http://wap.yqo4j2rl3v.fun http://www.gz1980tryc.fun http://wap.gz1980tellc.fun http://m.bo2020letters.fun