CSS彈性布局（Flexbox）是一種強大的布局模型，它通過簡化布局和對齊，使得網頁能夠自適應不同屏幕尺寸，從而優化性能。以下是CSS彈性布局優化網頁性能的方法：
async和defer屬性延遲加載JS文件，可以避免阻塞頁面的渲染過程。content-visibility屬性content-visibility屬性可以控制元素是否呈現其內容，能讓用戶潛在地控制元素的呈現。對于不可見區域的元素，瀏覽器會暫時跳過其內容的呈現，等到其處于用戶可見區域時，瀏覽器在渲染其內容，從而提升長列表網頁的渲染性能。contain-intrinsic-size屬性contain-intrinsic-size屬性可以為元素設置一個初始高度值，解決由于使用content-visibility屬性導致的滾動條問題。通過上述方法，可以有效地利用CSS彈性布局優化網頁性能，提升用戶體驗。
