使用Helium找出頁面上無用的CSS樣式
30
我最無法忍受的一個事情就是多餘的代碼。不論是頁面中的CSS還是JavaScript，還是浮腫的HTML代碼或沒有優化的圖片，這是我們的懶惰和錯誤讓成千上萬的訪問用戶受連累。有一個非常棒的工具，叫做Helium，它能幫助程序員找出樣式表中無用的或有問題的樣式規則。讓我們來看看是如何使用它!
第一步是把這個腳本嵌入到你的頁面中，在腳本加載後初始化它：
<script type="text/javascript" src="js/lib/helium-css/helium.js" onload="helium.init()" async></script>當這個頁面加載完成後，你就能看到一個文本框，在這個文本框裏輸入你要測試的頁面的url。這些頁面會被抓取，分析，並生成一份報告，裏面詳細的列出無用的樣式規則、有問題的樣式選擇器、以及需要手工測試的僞元素選擇器：
Helium是一個出色的幫你找到無用CSS樣式的好工具。程序員可以根據Helium提供的信息，刪除無用的CSS樣式。十分適合程序員快速的對他們的CSS代碼進行優化。事實上，我還沒發現有比這個更簡單更實用的工具。你也試試吧！