在Web開發中，CSS樣式文件是不可或缺的一部分。然而，隨著項目規模的增大，CSS樣式文件也隨之增長，從而影響頁面加載速度，降低用戶體驗。

為了解決這個問題，我們可以采用一種被稱為“搖樹優化”的技術，它可以幫助我們去除無用的CSS代碼，從而減小文件體積，提高性能。下面我們來詳細介紹一下這項技術。

/* 無用的CSS代碼 */
.button {
color: red;
}
.link {
font-size: 16px;
}
/* 在HTML中未使用的CSS代碼 */
.checkbox {
border: 1px solid #000;
}
/* 只在移動端使用的CSS代碼 */
@media (max-width: 768px) {
.mobile-only {
display: block;
}
}

如上所示，我們可以通過以下幾種方法來進行搖樹優化：

1. 刪除無用的CSS代碼。這里所謂的無用指的是在頁面中沒有被引用或調用的代碼。可以通過構建工具、在線工具或手動檢測來查找并刪除這些代碼。

2. 刪除未被使用的CSS代碼。這里指的是HTML文檔中沒有使用到的CSS代碼。可以使用相關工具掃描整個HTML文檔，找到未被使用的CSS樣式并進行刪除。

3. 按需加載CSS代碼。為了提高頁面加載速度，我們可以按需加載CSS代碼，只在需要時才加載，這可以通過Webpack或者CLI等構建工具來完成，也可以手動實現。

總的來說，搖樹優化是一種非常實用的技術，可以幫助我們優化CSS代碼，提高頁面性能，提升用戶體驗。如果你還沒有嘗試過搖樹優化，不妨試一試，相信你一定會感受到它的好處。