【1S 战役】飞天服务平台首页-秒开优化
出处：
mp.weixin.qq.com
作者：
五灵
Web 的性能优化有很多方法论可以来讨论，这里我先介绍一下飞天服务平台首页的业务背景，以及在业务过程中做的有针对性的优化方法。 最近在做飞天服务平台首页的过程中，遇到的页面打开性能有问题。由于飞天服务平台首页的业务特性：用户可以去配置业务模块到首页，每一个模块都可以去做二级的下钻、抽屉打开去做明细的分析，所以往往一个简单的业务指标呈现，背后带着很多业务数据的二次分析，需要二级页面或者抽屉来呈现这些业务洞察。同时用户可以在首页自定义页面的配置，如果用户配置了 10+ 卡片到首页之后，页面打开的时候同时去加载卡片，对于性能压力有很大的考验。 针对飞天服务平台的业务场景，以及之前性能优化的实践，首先我们会从尽可能缩小资源文件入手，让页面加载尽可能快。解决了资源文件文件问题之后，快速让页面可响应，让用户在体感上更加友好成了最重要的事情，所以启动了一系列关键链路优先、非关键链路渐进式加载的优化项，在做完这些优化之后，性能问题已经基本可以得到解决。那有没有更进一步的优化呢，会在第三部分充分利用缓存-用空间换时间，讲述如何使用缓存把性能优化做到极致的过程。
