導致頁面白屏的原因

script腳本阻塞DOM渲染

直接使用<script>，html會按照順序來加載並執行腳本。
在腳本加載和執行的過程中，會阻塞後續的DOM渲染。
例如：在頁面中引用第三方腳本時，如果第三方服務商出現了一些小問題，比如延遲之類的，就會使得頁面白屏。
解決方案
使用<script>元素的async或defer屬性。
async：表示應立即下載腳本，但不妨礙頁面中的其他操作。僅對外部腳本文件有效。
defer：表示腳本可以延遲到文檔完全被解析和顯示之後再執行。僅對外部腳本文件有效。