惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
T
Tailwind CSS Blog
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
GbyAI
GbyAI
爱范儿
爱范儿
量子位
Martin Fowler
Martin Fowler
V
V2EX
博客园 - 三生石上(FineUI控件)
I
InfoQ
MongoDB | Blog
MongoDB | Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
N
Netflix TechBlog - Medium
D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
U
Unit 42
Apple Machine Learning Research
Apple Machine Learning Research
H
Help Net Security
T
The Blog of Author Tim Ferriss
Hugging Face - Blog
Hugging Face - Blog
美团技术团队
Engineering at Meta
Engineering at Meta

博客园 - 随机

10周年整 年中review Javascript 模块化开发上线解决方案 AMDJS编译工具 第三方组件接入方案(演示文稿图片) 代码打包预处理工具 manifest资源提取工具 也来山寨一版Flappy Bird (js版) 2014 todo list 2013年终总结 #1分钟删# 模块合并小工具 状态机——Javascript词法扫描示例 [整理] ES5 词法约定文档树状图 php并发请求 [转]给明年依然年轻的我们:欲望、外界、标签、天才、时间、人生目标、现实、后悔、和经历 javascript基础组件设计资料 2013 草莓音乐节妹子抓拍 [组图] 键盘按键事件的fireEvent 错觉
移动端页面前端提速的技术梳理
随机 · 2013-10-30 · via 博客园 - 随机

1.面内容分块进行组件化。

2.每个“页”其实是一个大组件,大组件中可嵌套各功能点的小组件,页面跳转实质为单页上的大组件切换,并且通过router管理url。

3.组件加载顺序:

  1)页面只输出组件容器;

  2)由组件管理器先异步加载组件的视图部分(样式、模板和渲染的数据),以保证用户能快速看到内容;

  3)最后再异步加载组件的逻辑代码,此时单个组件才算加载完成。

4.首屏各组件可并行加载。

5.在localstorage中存储3.2中模板需要的数据,以减少重复的请求,数据更新可通过服务端控制或通过时间戳判断过期来自动更新。

6.通过manifest cache住各静态资源(js、css、图片)减少请求。

7.代码更新:

  1)js更新,打包后生成新版本文件,修改manifest文件中js文件配置;

  2)css更新,合并并抓取css中的图片地址,排重后再修改掉manifest文件中的图片文件配置;

  3)通过applicationCache对象来判断缓存是否更新,然后再自动update一次以达到上线后自动更新的目的。