起首先放一个视频地点：How Instagram.com Works; Pete Hunt

传统的页面工作体式格局：

优化的目的(要领)：

优化的思绪：不须要一次猎取一切的页面，只须要猎取部份所须要运用的页面page

Instagram的做法

1. 经常使用的对js的处理体式格局
   将js集合在一个文件内里—->缺点：页面加载会比较慢

2. 适宜的处理体式格局
   基于webpack，运用模块体系，应用异步加载，引入这些module
   

3. css文件的引入(pete自述是他最憎恶的)
   做法与js相似，应用module system引入

4. css文件引入的题目
   类名雷同，因为css层叠的缘由，会涌现剖析毛病的题目

5. 解决要领：
   1)在差别的定名空间运用类名
   2)类名须要邃晓
   3)不运用级联的体式格局
   4)不涌现类名掩盖（no override）

6. webpack的运用要领
   1)Pete关于引见webpack运用要领的
   2)国内segmentFault关于webpack的引见

视频感受

1. 没有邃晓HTML构造是怎样加载的，岂非是因为每一个Instagram用户的界面基础一致，直接在APP中“植入”

2. css文件异步加载，在没法肯定哪个css文件起首加载情况下，怎样保证客户端疾速衔接服务器的同时，稳固而且雅观