在HTML5的Canvas元素中，fillRect()方法用于繪制一個矩形，并填充該矩形的內部區域。當頻繁調用fillRect()方法時，會影響頁面的性能，具體表現在以下幾個方面：
CPU消耗：fillRect()方法需要執行大量的計算和繪制操作，頻繁調用該方法會增加瀏覽器的CPU消耗，導致頁面性能下降。
渲染性能：頻繁調用fillRect()方法會增加頁面的繪制次數，減慢頁面的渲染速度，影響用戶的體驗。
內存占用：每次調用fillRect()方法都會創建新的矩形對象，占用額外的內存空間。如果頻繁調用該方法，會導致內存占用過高，影響頁面的穩定性。
為了避免fillRect()方法對頁面性能造成負面影響，可以考慮以下幾點：
減少不必要的調用：盡量減少不必要的fillRect()方法調用，避免重復繪制相同的矩形。
批量處理：將多個矩形的繪制操作合并為一個批量處理，減少繪制次數，提高性能。
使用合適的優化技術：可以使用硬件加速技術或緩存技術來優化fillRect()方法的性能，提高頁面的渲染速度。
總之，合理使用fillRect()方法并注意性能優化可以有效減少其對頁面性能的影響。
