We identified a significant CLS issue affecting users on Facebook's in-app browser (Android). Your page loads Bootstrap from an external CDN, which arrives ~2 seconds after your own stylesheets. During that window, Bootstrap sets .navbar-fixed-top to position: fixed, pulling the navbar out of the document flow and shifting all page content - before your site CSS corrects it back to position: relative. This causes CLS scores 8β15x worse than in standard browsers (p75 CLS ~1.06 vs ~0.15).
Β Fix: add this inline style in <head> before any external <link> tags:
Β <style>
#navbar, .navbar-fixed-top { position: relative !important; top: auto !important; }
</style>
Β This is applied on first render, before any external CSS loads, permanently preventing the shift. No visual change β this is already your intended behavior.
Β Expected result: p75 CLS for Facebook WebView drops from ~1.06 to ~0.25.
Comments
0 B
|0 π
/0 π
0 B
|π
/π
0 B
|π
/π
0 B
|π
/π
0 B
|0 π
/0 π
0 B
|0 π
/0 π
0 B
|0 π
/0 π
0 B
|0 π
/0 π
0 B
|0 π
/0 π
0 B
|0 π
/0 π