做網站有一個觀念就是我們要盡量避免讀取太多的外部資源，遇到要讀取外部 CSS 或 js 檔案時就會造成堵塞(render-blocking)的情況，如果開啟瀏覽器開發者工具就會看到每一個頁面的渲染都會等前一個資源讀取完才會繼續這樣。
所以現在都會比較建議使用頁面內的 style 標籤來撰寫 css，但如果還是覺得管理外部檔案比較方便的話，目前瀏覽器也有提供非同步的讀取方法，可以把連結 css 的語法從：
<link rel="stylesheet" href="styles.css">
改成
<link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'">這時候再去從開發者工具檢查就會發現讀取該個外部 css 檔案時不會有阻塞的情況了。
參考：
《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。
輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。
讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例，介紹 Copilot 的基本原理、使用方法和最佳實踐。
輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。
掌握Clipchamp AI的操作技巧，靈活運用Clipchamp AI進行影片編輯和創作，實現創意表達和傳播目的。
輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。
Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外，還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益，透過自動化系統，將數據全部匯入同一個報表平台，是企業不可或缺的重要工具。
輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。
