web前端優化之減小DOM Elements 的數量(5)

對於典型的淘寶商品詳情頁，經測試發現，每增長一個 DOM 節點，會致使首屏渲染時間延遲約 0.5ms。

　　2012年7月份時，糯米首頁一個商品節點包含了21個DOM節點，充滿了大量的em、strong、span。

　　而美團當時改版後，首頁一個商品節點僅僅包含了12個DOM節點。

　　因此前端開發部門必須與產品部交互設計人員積極溝通，而不單單是在她們提供的交互設計稿件上切圖，必須在簡化視覺元素和精簡DOM節點上表達本身的意見。

　　2012年，簡化設計後，首頁一個商品節點包含13個節點。