V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
kaxi

lai 为什么拼多多的小程序体验这么的流畅?感觉像在使用原生 APP 一样

  •  1
     
  •   kaxi · Sep 29, 2018 · 10737 views
    This topic created in 2775 days ago, the information mentioned may be changed or developed.

    为什么拼多多的小程序体验这么的流畅?感觉像在使用原生 APP 一样。他们用了那些方法去提升性能。

    小程序刚出来的时候遭到很多同行诟病,觉得不就是 H5 吗,体验能和原生比吗?事实上,确实如此,绝大多数的小程序体验真的是不怎么样,稍好的也只是介于 H5 和原生之间。

    但是,但是,但是!当我用了一下拼多多后,表示吃惊了,感觉是非常的流畅,基本可以和原生 APP 媲美。

    希望认真探讨一下!

    Supplement 1  ·  Sep 29, 2018
    说明一下:

    我想说的是,在小程序的生态圈里。很多的小程序在页面并不多的前提下体验相对都不是很顺滑,而拼多多算是中了几的小程序了,页面非常多也相对更复杂,然而体验却非常好,基本可以和原生媲美了。

    所以,问题点是相对于其他结构简单体验一般的小程序,拼多多采取了哪些优化措施来保证在页面众多,结构相对复杂的情况下还能做到如此丝滑?!
    32 replies    2018-10-11 17:48:51 +08:00
    imdong
        1
    imdong  
       Sep 29, 2018
    嗯,讲真,没用过拼多多...
    小程序也几乎很少用。
    passerbytiny
        2
    passerbytiny  
       Sep 29, 2018
    小程序的重点是“小”,不是“程序”
    zyEros
        3
    zyEros  
       Sep 29, 2018
    只要你老老实实写,性能都不差呀,你看看知乎啥的,蘑菇街啥的,都很流畅啊
    IanG
        4
    IanG  
       Sep 29, 2018
    之前美团小程序 超级卡
    gesse
        5
    gesse  
       Sep 29, 2018   ❤️ 1
    现在的前端各种臃肿,就简单点, 功能自己写, 不求花哨的乱七八糟的东西。

    重点在业务、人性化上, 肯定会流畅不少。
    doublleft
        6
    doublleft  
       Sep 29, 2018
    @183387594 美团卡会不会是 mpvue 的锅,总想着平滑移植
    kaxi
        7
    kaxi  
    OP
       Sep 29, 2018
    或者说 谁抓过 拼多多的包?看看他们的源码是不是都没用到什么框架?
    gchxp
        8
    gchxp  
       Sep 29, 2018   ❤️ 1
    难道不是因为其他同类电商网站(淘宝 京东)的原生 app 更卡么...
    natforum
        9
    natforum  
       Sep 29, 2018
    为啥微信里没有淘宝支付宝小程序
    xiaop1ng
        10
    xiaop1ng  
       Sep 29, 2018 via Android
    @183387594 美团好像用了 vue 的一个组件库
    watch
        11
    watch  
       Sep 29, 2018
    因为轻?
    dovme
        12
    dovme  
       Sep 29, 2018
    =因为小程序独立出来了许多系统的原生组件,调用的就是系统的原生组件,当然很流畅
    catteroLo
        13
    catteroLo  
       Sep 29, 2018
    @natforum 马云给麻花疼站台,怕不是失了智了
    natforum
        14
    natforum  
       Sep 29, 2018
    @catteroLo 因为我觉得每次使用阿里系的软件都卡得象屎一样
    cz5424
        15
    cz5424  
       Sep 29, 2018
    @natforum 同感,尤其是在安卓上表现非常明显
    annielong
        16
    annielong  
       Sep 29, 2018
    功能比较接近原生组件吧,有些功能看起来简单,但是要用基本组件就不行,非要几个组件拼接或者多处调用才行
    kaxi
        17
    kaxi  
    OP
       Sep 29, 2018
    @annielong 看来 v2 里大都偏后端了,前端的同学偏少。。我想要的不是和 APP 去做对比分析,而是在小程序圈内,拼多多体验比绝大多数小程序体验明显好很多,甚至逼近原生 APP 的体验了,为什么别的小程序做不到这个地步,而他能够做到?!
    madNeal
        18
    madNeal  
       Sep 29, 2018
    @xiaop1ng 美团是自己开源了一个 mpvue
    veightz
        19
    veightz  
       Sep 29, 2018
    很多时候是底层框架太重了。
    tsukiikekaoru
        20
    tsukiikekaoru  
       Sep 29, 2018 via Android
    小程序卡不说,发热量还巨大
    470326964
        21
    470326964  
       Sep 29, 2018
    是因为你们都是 IPhone 么 千元小米安卓机表示卡成狗
    JackyCDK
        22
    JackyCDK  
       Sep 29, 2018
    拼多多的 app 本身就是原生+H5 啊....
    zyEros
        23
    zyEros  
       Sep 29, 2018
    @kaxi 真的,你看拼多多大部分是静态内容,蘑菇街的小程序交互复杂多了,同样也很流畅,说白了就是老老实实写,就行了。
    javaswing
        24
    javaswing  
       Sep 29, 2018 via Android
    @natforum 现在支付宝终于不太卡了
    qhdwz
        25
    qhdwz  
       Sep 30, 2018
    能不能研究一下钉钉啊。。。这货的电脑端太扯了,手机端又跑不了模拟器里面。打不开。不知道咋弄啊。
    kingcos
        26
    kingcos  
       Sep 30, 2018 via iPhone
    我刚打开拼多多微信就提示我该小程序会让什么变慢或终止……
    huclengyue
        27
    huclengyue  
       Sep 30, 2018 via Android
    小程序就是原声程序啊。。。
    kaxi
        28
    kaxi  
    OP
       Sep 30, 2018
    @kingcos 你用的是什么手机?
    kaxi
        29
    kaxi  
    OP
       Sep 30, 2018
    @zyEros 目前还拿不到他们源码,我猜想我们应该都没用什么框架吧。如果使用框架的话是会加重本机的计算的,苹果机可能还好,中低端估计就会影响比较明显了,尤其是像拼多多主要用户群体都是三四线及以下,大部分应该都是中低端机。
    kingcos
        30
    kingcos  
       Sep 30, 2018 via iPhone
    @kaxi X
    nezumi85757
        31
    nezumi85757  
       Oct 10, 2018
    你想的太多了,上面楼层也说了正常开发的话体验不会差的,我们公司小程序我就是正常写,体验还是比较滑的,如果卡的话还得从开发层面找原因
    kaxi
        32
    kaxi  
    OP
       Oct 11, 2018
    @nezumi85757 我基本知道原因了。你可以对比一下京东和拼多多的小程序。拼多多之所以体验略胜一筹,其实是因为他们引入了平滑过渡。也就是预先把页面结构展示出来(灰色背景)然后再调用接口获取数据后渲染页面。而京东及绝大多数小程序少了这样的步骤,所以给人的体验会有停顿感不是那么流畅的感觉。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2871 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 124ms · UTC 06:14 · PVG 14:14 · LAX 23:14 · JFK 02:14
    ♥ Do have faith in what you're doing.