web前端优化之减少DOM Elements 的数量(5)

对于典型的淘宝商品详情页，经测试发现，每增加一个 DOM 节点，会导致首屏渲染时间延迟约 0.5ms。

　　2012年7月份时，糯米首页一个商品节点包含了21个DOM节点，充满了大量的em、strong、span。

　　而美团当时改版后，首页一个商品节点仅仅包含了12个DOM节点。

　　所以前端开发部门必须与产品部交互设计人员积极沟通，而不仅仅是在她们提供的交互设计稿件上切图，必须在简化视觉元素和精简DOM节点上表达自己的意见。

　　2012年，简化设计后，首页一个商品节点包含13个节点。