Web制作をしていますが、Safariで見たときに一瞬、デザインが崩れます。ただしすぐに適切に表示されます。このような一瞬の崩れも修正したほうがいいですか？

Question

Web制作をしています。

サイトの構成は、上から

<header></header> <aside></aside> <main></main> <footer></footer>

となっています。

スクロールすると、headerが最初は画面上部に消えていくのですが、mainに入ると再び降りてきて画面上部に固定される仕様にしています。
そしてheaderはもともとは白い字と青の背景色ですが、mainに入ったときは黒い字と白の背景色になるようにしています。
またheader内にはナビゲーションメニューとして「トップ」「サービス」「お問い合わせ」という各メニューが入っているのですが、その各メニューの間に、疑似要素で仕切りを作っています。

さて、このヘッダーですが、ほとんどのブラウザでは問題なく適切に表示されます。
ですがMacのSafariで見たときだけ、一瞬表示が崩れます。

どのように崩れるかというと、mainに入ったときに、header内のナビゲーションメニューの文字と疑似要素の入っている部分は黒い字と白の背景色になるのですが、そこ以外の背景が青のままです。

ですがそのような青の背景状態は一瞬のことで、すぐに白の背景に変わり適切に表示されます。

Safariのみに起きることから、Safari特有の現象であることは間違いないのですが、このような一瞬の表示の崩れも修正したほうがいいのでしょうか。

1. Safariのみの現象であること
2. デザインが崩れるといっても、色の変化が一瞬遅れるだけのことであり、すぐに適切に表示されること
3. ヘッダーのCSSが入り組んでいること

から、修正するかどうか悩んでいるのですが（そもそも修正できるのかどうなのかも疑問に感じています）、みなさまはどうお考えでしょうか？　特定のブラウザに問題がある場合の修正についての考え方をお聞かせください。

Comments

[m.ts10806]

再現できるコードを提示してください。
中身のないHTMLだけ提示されても何とも言えません。

[退会済みユーザー]

私は彼のコードを読み、内容を完全に理解した。
それは「再現できるコード」である。

[m.ts10806]

そもそもHTMLすらまともに理解できてない人に答えられるものではないです。
この文章だけでは誰も質問者と同じコードはおこせない。コードを書いているのは質問者だけだから。
私に対抗したいだけならやめたほうがいい。自分で自分の評価を下げるだけ。

Answer 1

質問をし直すことにします。

Comments

[m.ts10806]

質問編集すればいいのでこれで「解決した」とするのは横暴です。