作者:billpchen,腾讯看点前端开发工程师 近两年,信息流行业处于一个增长缓慢甚至停滞的状态,腾讯看点一直在寻求自己的破局之路。研究发现,近两年实现爆发增长的业务都具有用户覆盖面大、差异化小的普适特点。什么内容具备普适特点呢?有两类,一类是打发时间、放松解压的搞笑内容,一类是明星八卦、话题谈资的热点内容,这两类内容具有低门槛、 快消费、易传播的特点。为了进一步降低内容消费的门槛,我们把消费场景放在了信息流中,用户无需进入详情页就可以直接消费完文字、图片、动图、视频等内容,这种新的内容形态被称为“短内容”,由短内容构成的信息流被称为“短内容页面”。QQ 浏览器中短内容页面的入口是在推荐流中的短内容卡片,一般带有分享、评论、点赞互动栏的就是短内容卡片,点击短内容即可以进入短内容页面。对于 C 端页面,用户体验尤为重要,尤其是首屏体验,更是奠定了用户的第一印象,所以“性能优化/首屏优化”常作为前端人的重要研究课题。那短内容页面的首屏体验是怎么样的呢?看完上面在手机性能相对较好的 iPhone X 上的演示动图,你一定会感觉到这真是个糟糕的体验,那到底糟糕在哪里呢?具体有三点:白屏时间长、图片加载慢、页面过渡僵硬。本地的首屏优化方案就集中在这三方面,本文也围绕这三点详细阐述。