Сдвиг макета содержимого при загрузке страницы
У меня проблема, когда мой левый контейнер меню заполняет всю ширину экрана до тех пор, пока не наступит определенный момент в процессе загрузки, а затем меню сжимается до правильного размера, а тело перемещается вверх по странице, чтобы заполнить только что доступное оставшееся пространство по сжимающемуся меню.
Я попытался решить эту проблему, отредактировав CSS, но мне не повезло
Сайт использует загрузочную загрузку, и я думаю, что проблема связана с загрузкой, но не смог определить точную проблему,
Один из файлов .js (main.js), похоже, связан с проблемой, когда я отключаю этот файл .js в инструментах chrome dev, меню остается на всю ширину вверху страницы (полная ширина нежелательна) а затем, когда я снова включаю main.js и перезагружаю страницу, меню в конечном итоге сжимается до правильного размера, но снова имеет нежелательный эффект, заключающийся в том, что меню заполняет страницу, а через секунду сжимается до желаемого размера.
В результате моя страница не проходит тест сдвига макета содержимого (CLS), поэтому теперь я ищу обходные пути, которые могут скрыть страницу или предотвратить рисование до момента, когда произойдет сдвиг макета содержимого.
Какие-либо предложения? Я действительно чешу затылок в этот момент