Я работаю над веб-приложением, созданным на основе оригинальной инфраструктуры Struts. Наши jsp-файлы создают HTML с использованием веб-службы. Это означает, что при загрузке веб-страницы мы в конечном итоге ожидаем возвращения данных для создания HTML. (Я приложил код, который показывает, как создается все тело с использованием этих типов вызовов.) Мы также заканчиваем ожиданием выполнения некоторых библиотек javascript.
На определенной веб-странице у меня есть несколько кнопок, которые все стилизованы определенным образом. При загрузке веб-страницы кнопки отображаются в течение доли секунды со стилем веб-браузера по умолчанию, а затем в конечном итоге применяется CSS. Я хотел бы скрыть эту проблему от пользователя.
Я прочитал эти предложения от StackOverflow: Заставьте браузеры загружать CSS перед отображением страницы
Решение JavaScript не является хорошим, потому что не у всех включен JavaScript. Решение CSS показало себя многообещающим, но усложняется тем, что у нас есть два файла CSS, которые не используются на каждом экране. Это означает, что если я использую два разных наложения, то половину времени один не исчезнет! Если бы оба CSS-файла использовали одно и то же наложение, то не исчезло бы оно, когда браузер завершил парсинг того файла, который был сделан первым?
<body>
<a class="skip" href="#MainContent">Skip Main Navigation</a>
<div id="page">
<tiles:insert attribute="header" />
<tiles:insert attribute="mainMenu" />
<a name="MainContent"></a>
<tiles:insert attribute="content" ignore="true" />
<tiles:insert attribute="footer" />
</div>
</body>