页面加载走轻量路线
页面结构做了精简,图片按需加载,滚动到可视区域才去请求。打开首页不会一次性把所有资源都拉下来,首屏出现得比较快。网络条件一般的时候,页面也不会转很久才显示出来。
围绕“少等一会儿”这个事,把页面加载、起播速度、线路切换、搜索响应这些环节一件件磨快。
页面结构做了精简,图片按需加载,滚动到可视区域才去请求。打开首页不会一次性把所有资源都拉下来,首屏出现得比较快。网络条件一般的时候,页面也不会转很久才显示出来。
点开封面之后,播放器会先加载开头那一小段,让画面尽快出来,而不是等整个文件加载完再播。用户感觉到的就是点进去很快就出画面,不用盯着黑屏或者转圈等太久。
遇到某条线路卡顿,在播放器里换一条,切换几乎是点完就生效,不会等上好几秒。切换过程不影响已经加载的进度,换完接着看就行,不用重新拖进度条去找位置。
搜索框做了输入响应优化,边打字边出结果,不用每次都点一下搜索按钮。片名、演员名、导演名都能匹配,输入过程中结果列表会跟着变化,找片的时候少一步点击。
看到一集快结束时,播放器会提前把下一集的片头部分加载好,播完自动接上,中间不用等缓冲。追剧的时候一集接一集往下走,少了几次手动点下一集再等加载的过程。
四条内容线按各自的排期往前推,电影和剧集保持每天有新增,综艺和动漫跟着节目周期走。不是想起来才补一批,而是按稳定节奏往前走,用户隔几天来逛都有新东西。
在站内搜片名就能找到,点封面进播放页,页内可以切换线路。
两代铁路警察在列车上守护旅客平安,从蒸汽机车到高铁一路走过。
村里的小人物阴差阳错走上战场,用一股轴劲在乱世里活出人样。
宋运辉、雷东宝、杨巡三人在新的时代节点上,各自面对自己的关口。
基层检察官在几起案件里反复权衡,把一条法条从纸面讲到了人心里。
普通山村少年踏入修仙界,靠着谨慎和耐心,一步步往前走。
十个年轻人从零开始种一百多亩地,从播种到收割,跟着节气走。
页面加载、起播速度、线路切换、搜索响应的优化说明都放在这里。
之前首页所有图片会在打开时一次性请求,图片多的时候会拖慢首屏渲染。这次改成按需加载:只请求当前可视区域内的图片,滚动到哪儿再加载哪一段。改完之后,首页首屏的出现时间比之前短了一些,网络一般的时候效果更明显。滚动过程中如果图片还没加载出来,会先显示一个浅色的占位块,等图片到了再替换,不会出现大面积的空白跳动。这个改动只在首页和分类页生效,播放页的封面图还是优先加载,保证点进去能尽快看到画面。如果滚动时发现某张封面图加载偏慢,一般是那张图本身比较大,后续会把封面图也做一轮压缩处理。
这次优化的是从点封面到画面出现之间的等待时间。调整前,播放器会等文件加载到一定量才开始解码;调整后改成了先加载开头一小段,让画面尽快出来,剩下的部分在后台继续加载。用户感觉到的就是点进去很快就看到画面了,不用盯着黑屏等。这次调整对不同网络环境都做了适配,网络快的时候几乎点开就播,网络一般的时候等待时间也比之前短。如果遇到某一部片子起播还是慢,可能是那条线路的节点响应偏慢,在播放器里换一条通常就能改善。这个优化对所有内容生效,不需要用户做任何设置。
之前切换线路时,播放器需要先断开当前连接再重新建立,中间会有一小段等待。这次把切换逻辑改成了并行处理:新线路在后台建立连接的同时,当前画面继续播放,等新线路准备好之后无缝切过去。用户感觉到的就是点一下切换就过去了,几乎不需要等。切换之后播放进度保持不变,不会回到开头,也不用重新拖进度条去找位置。这个改动对经常需要切换线路的用户帮助比较明显。如果切换后发现新线路的清晰度和之前的档位不一致,播放器会自动按当前偏好重新选一档,不需要手动调。
搜索框这次做了响应优化,输入关键词的时候会边打字边出结果,不用每次都点一下搜索按钮。匹配范围覆盖片名、演员名和导演名,输入过程中结果列表会跟着变化。为了让输入过程不卡,搜索结果做了分批渲染,先显示最匹配的几条,剩下的滚动时再加载。输入框里也会显示最近搜过的几个关键词,点一下就能重新搜。这个改动对习惯用搜索找片的用户会省不少操作。需要注意,输入过程中出现的结果是实时匹配的,如果输入的词比较短可能会返回较多结果,继续往下输入会自动缩小范围。
追剧的时候,一集播完到下一集开始之间通常会有一段加载等待。这次加了下一集预加载:在当前集播放到后半段时,播放器会在后台提前把下一集的片头部分加载好,等这一集结束自动接上,中间不用再等缓冲。预加载只取下一集开头的一小段,不会占用太多带宽,也不会影响当前集的播放流畅度。用户如果手动切到别的集数,预加载会自动取消并重新针对新的下一集做加载。这个功能对连续追剧的用户帮助比较大,一集接一集往下走,中间少了几次等待。用户如果不想用这个功能,暂时没有开关,后续会根据反馈考虑是否提供。
播放页这次做了一轮资源精简,把不影响首屏显示的内容延后加载。打开播放页时,优先加载的是播放器本身和当前剧集的基本信息,相关推荐、用户留言这些区块会等主内容出来之后再加载。这样改完之后,播放页打开时加载的内容比之前少了一截,首屏出现得更快。延后加载的区块在滚动到附近时会自动加载,用户正常浏览不会感觉到缺失。这个改动和之前的首页按需加载是同一套思路,核心都是把不着急的内容往后放一放。如果发现某个区块显示得比之前慢,一般是因为它被排到了延后加载的队列里,正常情况下滚动到附近就会出来。
用户留言
聊聊你在极速影院的使用感受,或者留下想看的片名。