DOM overlay 型は「サーバー HTML は未補正 → async でスクリプトを読み込む → 後から DOM を補正」する。 このため、ページ表示直後に未補正 UI が一瞬見える（unstyled flash）。 Siteforce の CDN/Edge は補正を初回 HTML 応答そのものに含めるため、この未補正状態が現れない。 本ページは overlay 相当（async 補正） と Edge 相当（HTML 応答に補正済み） を並置し、 リロードのたびに差を実測する。
この一文は補正前、低コントラストで表示される。
補正処理: setTimeout(fix, 900) で 900ms 後にコントラストを修正する
この一文は初回 HTML から高コントラストで表示される。
補正処理: なし。補正はサーバー応答の HTML に含まれ、JS による後追い補正をしない
実行中…