Question

如何避免加载时间，以便用户看不到两种不同的样式？这可以在加载的前两秒内观察到。

Answer 1

在你的情况下，我最初会将菜单CSS设置为#menu select {visibility:hidden;}，然后在页面加载时更改回visibility:visible; - 使用Javascript或jQuery，或者在CSS样式表的末尾。

// Change menu select styles on load with jQuery
$(function() {
  $('#menu select').css('visiblity', visible');
});

或

<script>
  // Plain javascript hiding an entire menu div group
  document.getElementById('menu-container').style.visibility = "visible";
</script>

Answer 2

Put CSS at the bottom会使您的网页为“白色”，直到所有样式表都已加载。

这会导致空白屏幕问题。该页面完全空白直到下载底部的样式表，大约6-10 这个页面的秒数。浏览器正在等待样式表在它呈现页面中的任何其他内容之前加载，甚至是静态的文本。

比较