CSS中的重繪是指當頁面中的某個元素樣式發生改變，需要重新渲染該元素并對其周圍的其他元素進行重新同步。這個過程通常涉及到大量的計算和布局操作，在一些大型網站中，重繪可能會消耗大量的資源，導致網頁響應變慢的問題。

重繪的過程有很多的優化方法，其中比較常見的有以下幾種：

// 緩存元素
var element = document.getElementById('example');
// 修改樣式
element.style.backgroundColor = 'red';
// 強制重繪
element.offsetHeight;

首先，我們可以選擇緩存需要操作的元素，這樣就避免了不必要的DOM查找，提高了操作的效率。

// 使用class代替直接改變style
.example {
background-color: red;
}
var element = document.getElementById('example');
element.className = 'example';

其次，我們可以選擇改變元素的class屬性，而不是直接修改style屬性。因為一旦我們改變了元素的class，瀏覽器就會將其重新渲染，而不是進行任何額外的操作。

// 一次性批量修改樣式
var element = document.getElementById('example');
element.style.cssText = 'background-color: red; font-size: 12px;';

最后，我們還可以將需要修改的樣式集中在一起，使用一次性的方式進行修改，這樣可以減少多次瀏覽器重繪的次數。