JSP 頁面加載多個大 JS 文件導致首屏白屏優化方案

問題

三個公共 JS 共 890KB，首次加載導致界面無法完全展示。

優化策略

1. 腳本後置：將 <script> 移至 </body> 前，不阻塞 DOM 渲染。
2. 代碼壓縮：使用 UglifyJS、Terser 壓縮，體積可減 60%+。
3. 啟用 Gzip/Brotli：Nginx/Apache 配置壓縮傳輸，網絡傳輸量大幅降低。
4. CDN 加速：靜態資源部署 CDN，就近訪問，利用瀏覽器緩存。
5. 代碼分割/按需加載：Webpack/Rollup 拆分 chunk，首屏只載核心，其餘 import() 懶加載。
6. 合併請求：將多文件合併為單文件，減少 HTTP 連接數（HTTP/2 可忽略）。

綜合應用可將首屏 JS 加載時間從秒級降至百毫秒級。