背景：

    地图展示页面，需要有geo数据（高达30M+ features）

性能问题：

    组内小伙子一开始把geo数据写在html页面，页面数据量大，导致页面加载时长较长（Loading阶段），呈现较长的空白页面

蓝色(Loading)：网络通信和HTML解析

黄色(Scripting)：JavaScript执行

紫色(Rendering)：样式计算和布局，即重排

绿色(Painting)：重绘

灰色(System)：其它事件花费的时间

白色(Idle)：空闲时间

优化方式：

在<script>内，以异步方式，读取geo_data，减少了页面数据量，缩短Loading，整体效率提示50%

优化后：

loading缩短到19ms，其次，以异步方式加载geo_data数据，可加快完成静态资源初次渲染