前端机能优化清单：
| 前端优化项 | 优化内容 | 备注 |
|---|---|---|
| 首屏 | 首屏优化到0.5-2s，前端优化首选。 | 优化切入口，目的<2s |
| 内容 | 图片、JS、Script、Flash等元素是页面和运用的重要组成，也是前端优化的重点。 | 网页元素过量 |
| 要求 | 页面元素的数目、加载文件的若干、大小，决议了页面的加载时刻和效力。优化和躲避要求。 | 域名数目和剖析 |
| CSS | 页面款式，动画的完成，殊效的完成，决议页面外在表现和交互结果。 | 静态页面规划 |
| JavaScript | JS串行加载等特殊性，是影响页面机能的重要原因之一，而且比严重，不管大小、逻辑、数目都需严格掌握。 | 机能杀手 |
| 图片 | 页面中，60%以上的要乞降大小都是由图片组成，图片加载决议了页面加载的快与慢。 | 本钱优化 |
首屏优化准绳
首屏（
above the fold）：名字泉源（报纸）头版，原指报纸摺叠以后仍能瞥见的页面。
Web中只网站加载后，用户不必转动屏幕所看到的一切信息。
- 首屏最小化：
首屏HTML只管小，掌握DOM节点数、要求数、外链数，可视地区尽快显现。 - 元素优化
优化落在首屏内的元素机能和构造，包含基本页、元素要求、图片、JS、是不是挪用第三方内容、条理机构等。 - 页面静态化
首屏页包含了页面基本页时刻（第一次要求），以屏内的元素总的DNS剖析时刻，竖立连接时刻，SSL握手时刻，发出要求时刻，重定向时刻，内容下载时刻等。 - 基本页优化
以静态页面的情势寄存，用户相干数据依靠Ajax，比方登录信息。用户默许显现未登录状况，异步获取到用户数据后更新。 - 首屏广告优化
重点削减广告JS的下载次数，削减状况上报次数，防止iframe。同时处置惩罚剧本放在页面底部，修正广告的载入递次，防止影响页面显现。 - 首屏按需加载
隐蔽tab页，用了异步加载的体式格局，只要当用户正在要看这块内容的时刻才去拉取。 - 零丁兼并素材
将代宣布的源文件举行紧缩兼并，削减文件数目，受权要求起码准绳。 - 统计代码优化
针对用户行动统计代码如（CNZZ，百度统计等），举行去除冗余，一致放到首屏后加载。
