加载时的网页分解
Webpage decomposition at load
我构建了一个网页 https://dev.dineandgift.com/voucher/108 并且在加载时，我进入了 1 秒的分解屏幕，例如：
几秒钟后一切正常...但这看起来很糟糕。我该如何解决这个问题？ 为什么页面是崩溃的？
任何 css、html 技巧来解决这个问题？
您的 <link> (CSS) 和 <script> (Javascript) 标签的顺序和位置都偏离了。这导致页面呈现发生这些变化 - 样式表加载因 javascript 加载而延迟，并且 CSS 样式不是浏览器首先查找它们的位置。
首先，将指向 CSS 样式表的所有链接移动到页面的 <head> - 现在它们在 <body> 中。如果这不能解决问题，请将所有 <script> 标签从 <head> 移动到结束 </body> 标签之前。
我构建了一个网页 https://dev.dineandgift.com/voucher/108 并且在加载时，我进入了 1 秒的分解屏幕，例如：
几秒钟后一切正常...但这看起来很糟糕。我该如何解决这个问题？ 为什么页面是崩溃的？
任何 css、html 技巧来解决这个问题？
您的 <link> (CSS) 和 <script> (Javascript) 标签的顺序和位置都偏离了。这导致页面呈现发生这些变化 - 样式表加载因 javascript 加载而延迟，并且 CSS 样式不是浏览器首先查找它们的位置。
首先，将指向 CSS 样式表的所有链接移动到页面的 <head> - 现在它们在 <body> 中。如果这不能解决问题，请将所有 <script> 标签从 <head> 移动到结束 </body> 标签之前。