ASP.NET CORE Page Flicker
Недавно я начал разрабатывать приложение ASP.NET Core SPA, которое использует Angular 2. Я использую стороннюю библиотеку css, а также боковую загрузку для определения множества стилей страницы. По какой-то причине я вижу мерцание страницы, иногда с нестилированным html, а другие страницы со стилизованным html просто перезагружаются снова. Я включил таблицу стилей и другие ресурсы в папку wwwroot/dist и теги ссылок на странице _Layout.cshtml приложения. Я использовал инструменты разработчика Chrome, чтобы попытаться отладить приложение, и узнал, что HTML-файл загружается один раз, и большая часть времени, потраченного на загрузку страницы, используется на javascript.
Любая помощь или точка в правильном направлении будет высоко ценится.
0 ответов
Я полагаю, вы используете WebPack? Это объединит все ваши стили в файл javascript, загрузит этот файл и затем обработает их. Эта обработка происходит ПОСЛЕ загрузки страницы, поэтому существует период, когда ваша страница не имеет стиля.
Затем, после обработки пакета javascript, применяется стиль, и все выглядит нормально.
Используйте веб-пакет "MiniCssExtractPlugin", чтобы извлечь ваш стиль в отдельный файл CSS, который вы можете включить в заголовок ваших страниц (а не в версию javascript)