双十一特辑 · 买买买的背后，电商如何作好前端优化？（一）

双十一除了帮媳妇清空购物车以外，（前提是你得有）做为开发者，双十一狂欢的背后是技术层面的较量。小编整理了天猫前端 2015年双十一总结，帮助你更好了解双十一的背后，一样关注前端，更要关注在人肉 DDOS 的背后，有强大的架构支撑！明天继续带来电商的架构合集！
记得关注标签 双十一 更快了解双十一热门技术文章！

---

双11前端分享系列（一）：活动页面的性能优化
无线优先从去年开始推行，今年更是全面无线化，双11无线业务成交拿到了不错的结果，性能也迈出了一大步，对比去年双十一页面总体load时间提高了2s秒左右，秒开率达到了70%

---

双11前端分享系列(二)：天猫双11页面服务容灾方案大揭秘
会场活动页，承载了促销商品导流功能，是消费者的购物入口，在双11活动中的地位可谓重中之重。保障活动页的快速稳定可用，是很是很是重要的。此次天猫双11会场页面渲染由wormhole来承担（wormhole自己会在后续的文章中详细介绍），下面介绍一下wormhole的容灾方案。

---

双11前端分享系列（三）：浅谈 React Native与双11
但愿能透过 react-native 的动态性，将 react native 的优点带入客户端，如手淘、手猫，让使用客户端浏览体验更佳，而且保持动态性，快速协助响应业务。

---

双11前端分享系列（四）：大规模 Node.js 应用
在刚刚过去的 15 年天猫双十一中，Node.js（后文简称 node） 大放异彩，不只帮助前端团队快速、高效的解决双十一各个业务上的页面渲染问题，同时在性能和稳定性上也表现很是出色，大大下降了双十一硬件成本的同时，在整个双十一期间未出现任何一块儿由 node 引起的线上故障。

---

双11前端分享系列（五）：解密2015狂欢城
Canvas Cache就是使用一个额外的Canvas来保存已经绘制过的内容，下一次使用的时候直接从这个Canvas上读取，这样就能够大大减小Canvas的绘制次数，例如原先首屏绘制次数约为75左右，使用cache后的次数约为28，减小了62.67%，在三四环会更明显，由于没有动画，全部内容均可以cache。

---

双11前端分享系列（六）：大规模 Node.js 应用（续）
第四篇文章讲述了咱们是怎样应用 Node.js 解决模板渲染的实际问题的，而这一篇咱们来看看天猫是如何一步步将 node 推广到各个业务线上的。

---

双11前端分享系列（七）：如何精确识别终端
首先，要先说声抱歉，由于，其实目前咱们尚未作到精确地作到识别99%的终端设别，其中缘由，一部分是由于终端类型和UA实在难以覆盖，另一部分缘由也是由于使用了一些错误的识别策略。

---

双11前端分享系列（八）：双11密令红包的前端技术方案
这个玩法几乎全部的页面都须要适配Phone、Pad和PC。使用响应式开发，一套页面适配全部端曾经是咱们的梦想，可是也得回归现实。不论是从设计方面，仍是技术实现方面，密令红包的PC版本都与Phone版本存在着较大的差别，针对PC和Phone作两套页面的实现是没法避免的。

---

双11前端分享系列（九）：vue+webpack在“双十一”导购产品的技术实践
双十一中，无线前端的产品能够说很是的丰富。在双十一中，互动始终是重头的一部分，可是与以往不同的地方是，导购产品在本次双十一中有着不俗的表现。而今年的双11导购业务占据了5大模块里的后三个，除了必抢，其它业务均是由手淘的同窗来完成的，笔者做为导购产品的一员，选择导购产品来给你们解读其中的技术实践。

---

双11前端分享系列（十）: 如何为用户省电
咱们要作的还有不少，怎样在小细节上让用户的手机在电量上更坚挺，提高用户浏览网页的快感，让性福与高潮更持久一点，就是今天的主题了。

---

双11前端分享系列（十一）: H5性能最佳实践 手淘中大量的业务采用H5的方式开发，H5体验好坏全面影响着手淘的使用体验。今年手机淘宝在技术上重点解决“顿”，“卡”，“慢”的问题，并提出了“521法则” 。 好东西要分享喔，记得朋友圈分享！