店铺体验优化总结

Create at 2021 04 2918 min read技术JavaScriptReact阿里巴巴性能优化

本文整理了近两年来国际站店铺在体验优化上做的努力和探索,也取得了不错的成果,分享出来希望对其他类似场景能有帮助。

性能优化大体上可以分为网络性能优化和交互体验优化:

  • 交互体验优化,优化页面的交互体验,滚动是否顺滑,点击反馈是否及时,操作是否有卡顿等
    • 避免 DOM 的重绘和重排
      • DOM 操作尽量减少或者进行操作合并
      • 动画元素尽量采用 absolute 等脱离文档流的定位
    • 确保对用户的操作反馈及时,刷新率保持 60fps
      • 保证每一个 js 任务在 1000/60=16.67ms 执行完毕
      • 复杂计算交给 woker 进程
  • 网络性能优化,大多数情况是要进行首屏性能优化
    • 减少 ttfb 的时间
      • 减少 dns 查询、TCP 握手建链、ssl 建连
      • 避免 302 redirect
      • 减少后端

2019 年终总结

Create at 2020 03 0915 min read随笔年终总结阿里巴巴

2019 年我的生活有了很多变化。

生活

东北

天池

元旦,也就是 2019 年的第一天,就跟着同事去东北玩了,想想也是神奇。

那天早上同事问我元旦假期要不要去东北玩,我想都没想就答应了,连行程和时间都没问。回想起来可能是那会工作的太压抑了,需要放松一下,所以一听到出去玩,就直接答应了,至于去哪怎么玩都不重要。

现在回想起来,去了哪些地方都已经不太记得了。

印象深刻的就几件事情:

- 和同事以及滴滴司机说服了另一位同事不去冰雪大世界
- 凭着不怕摔的精神,学会了滑雪,说到学滑雪就让我想起来第一次去滑冰的时候,也是凭着这样的精神学会的,虽然摔的很惨,还是挺欣赏自己的勇气的
- 与旅游团的伙伴一起玩黑魔法 & 狼人杀,其乐无穷
- 和团里所有的妹子合了一张影
- 最重要的,认识了现在的女朋友

阿里一年工作总结

Create at 2019 06 051 min read随笔总结阿里巴巴杭州

三年前写了一篇网易一年工作工作总结,如今换工作到了阿里,到今天也算满一年了,总结一下这一年的工作。

本想如法炮制,再写一篇总结,谁知从 6.4 号刚好满一周年到今天,已经拖了一个月了。

虽然已经拖了一个多月了,但真的没空写。

估计这篇文章后面也不会有时间写了,就这样吧。

过去25年

Create at 2018 12 0726 min read随笔年终总结阿里巴巴网易中海油

过了今天,就在这个世界上满满的混了 25 年了,如果要活 100 岁的话,现在过了 1/4 ,算是一个里程碑吧。

回首过去

过去 25 年,整体上还算比较顺利。

侥幸

高一班级组织春游,大家去爬山,爬到山顶休息聊天,我看到山下有两个同学。不知道是脑抽了还是怎么了,就非常想下去找他们聊天,于是就往山下走。由于走的不是常规下山路线,所以不是台阶式的,都是野路。就那么走,谁知重力作用导致我越走越快,最后跑了起来。是的,要在外人看来应该就是一个傻逼从山上往山下跑,我就记得我眼前的景象越来越模糊,速度妥妥地超过博尔特了。结果,腿实在换不过来,绊了一下,结果就以前空翻的姿势朝山下滚去,那几条人体抛物线应该是画的挺完美的。当时我的大脑一片空白,想着可能我这伟大的一生竟然就要交代到这里了,叹息,不过想想这毕竟也是埋皇帝的地方,值了。还没来得及想其他的,突然被一块超大的石头挡住了,就那么把我拦在了半山腰了。停下来后,感觉头上好像在流汗,就下意识去擦,擦完一看,我靠,竟然红色的,完了,完了,这回得躺医院了。
结果呢,最后去医院检