加载时的网页分解

【问题标题】：Webpage decomposition at load加载时的网页分解
【发布时间】：2018-11-03 17:55:30
【问题描述】：

我建立了一个网页 https://dev.dineandgift.com/voucher/108 并在加载时进入 1 秒分解屏幕，例如：

几秒钟后一切都很好......但这看起来很糟糕。我该如何解决这个问题？ 为什么页面是一个细分？

任何 css、html 技巧来解决这个问题？

【问题讨论】：

【解决方案1】：

<link> (CSS) 和 <script> (Javascript) 标记的顺序和放置都已经过时了。这导致了页面渲染的这些变化 - 样式表加载被 javascript 加载延迟，并且 CSS 样式不是浏览器首先查找它们的位置。

首先，将所有指向 CSS 样式表的链接移至页面的 <head> - 现在它们位于 <body>。如果这不能解决问题，请将所有 <script> 标记从 <head> 移动到关闭 </body> 标记之前。

【讨论】：