我在我的網站上使用mmenu作為響應式菜單。我最近注意到，在 Google 搜索控制臺中，由于 CLS（累積布局偏移）較高而出現錯誤。我檢查了一下，確實如此，當我嘗試以“慢速”模式打開頁面半秒時，我看到原始菜單結構，然后加載菜單（在 jQuery 準備就緒等之后）并且頁面顯示正確。我的簡化頁面結構是： $(document).ready(function() { $("#menu").mmenu({ "extensions": ["pageshadow"], "header": { "title": "Menu", "add": true, "update": true } }, { // config offCanvas: { pageSelector: "#container" } }); }); <html> <head> </head> <body> <nav id="menu"> <ul> <li><a>Categories</a> <ul> <li> <a href="https://example.com/1">Link 1</a> </li> <li> <a href="https://example.com/2">Link 2</a> </li> <li> <a href="https://example.com/3">Link 3</a> </li> </ul> </nav> <div class="content">This is content</div> </body> </html>您認為，是否可以在此處應用任何快速修復來解決我的 CLS 問題？
響應式菜單 (mmenu) 導致 CLS 高
瀟瀟雨雨
2023-11-02 16:59:26
