如何延遲載入大型 CSS 檔案：您應該使用動態 JavaScript 載入嗎？

如何推遲加載大型 CSS 文件

作為 CSS 交付優化的一部分，您可能需要推遲加載大型 CSS 文件直到頁面加載後。這可以透過以下方法來實現：

使用 JavaScript 動態載入 CSS 檔案

一種選擇是在頁面之後使用 JavaScript 動態載入 CSS 檔案已載入。例如，使用 jQuery，您可以使用以下程式碼：

<code class="javascript">function loadStyleSheet(src) {
    if (document.createStyleSheet){
        document.createStyleSheet(src);
    }
    else {
        $("head").append($("<link rel="stylesheet" href="%22+src+%22%20/>%22));%0A%20%20%20%20%7D%0A%7D;

%E6%82%A8%E5%8F%AF%E4%BB%A5%E5%9C%A8%E9%A0%81%E9%9D%A2%E8%BC%89%E5%85%A5%E5%BE%8C%E5%91%BC%E5%8F%AB%E6%AD%A4%E5%87%BD%E6%95%B8%E3%80%82%20

%E5%81%9C%E7%94%A8%20JavaScript%20%E9%A9%97%E8%AD%89%20

%E8%A6%81%E9%A9%97%E8%AD%89%E6%AD%A4%E6%96%B9%E6%B3%95%E6%98%AF%E5%90%A6%E6%9C%89%E6%95%88%EF%BC%8C%E8%AB%8B%E5%9C%A8%E7%80%8F%E8%A6%BD%E5%99%A8%E4%B8%AD%E5%81%9C%E7%94%A8%20JavaScript%20%E4%B8%A6%E9%87%8D%E6%96%B0%E8%BC%89%E5%85%A5%E9%A0%81%E9%9D%A2%E3%80%82%E6%82%A8%E6%87%89%E8%A9%B2%E7%9C%8B%E5%88%B0%20CSS%20%E6%96%87%E4%BB%B6%E7%9B%B4%E5%88%B0%E9%A0%81%E9%9D%A2%E5%8A%A0%E8%BC%89%E5%BE%8C%E6%89%8D%E5%8A%A0%E8%BC%89%E3%80%82%20

%E9%9D%9E%20JavaScript%20%E6%96%B9%E6%B3%95%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85

%E5%A6%82%E6%9E%9C%E6%82%A8%E6%9B%B4%E5%96%9C%E6%AD%A1%E7%B4%94%20JavaScript%20%E6%96%B9%E6%B3%95%E6%88%96%E5%85%B6%E4%BB%96%20JavaScript%20%E6%A1%86%E6%9E%B6%EF%BC%8C%E8%AB%8B%E5%9C%A8%E4%B8%8B%E9%9D%A2%E8%A9%95%E8%AB%96%EF%BC%8C%E6%88%91%E5%80%91%E5%8F%AF%E4%BB%A5%E6%8F%90%E4%BE%9B%E5%85%B6%E4%BB%96%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%A1%88%E3%80%82%20

%E8%AB%8B%E8%A8%98%E4%BD%8F%EF%BC%8C%E5%A7%8B%E7%B5%82%E5%BB%BA%E8%AD%B0%E5%98%97%E8%A9%A6%E4%B8%8D%E5%90%8C%E7%9A%84%E6%96%B9%E6%B3%95%E4%B8%A6%E5%9C%A8%E6%82%A8%E8%87%AA%E5%B7%B1%E7%9A%84%E7%92%B0%E5%A2%83%E4%B8%AD%E6%B8%AC%E8%A9%A6%E5%AE%83%E5%80%91%E4%BB%A5%E6%89%BE%E5%88%B0%E9%81%A9%E5%90%88%E6%82%A8%E7%9A%84%E7%89%B9%E5%AE%9A%E7%94%A8%E4%BE%8B%E7%9A%84%E6%9C%80%E4%BD%B3%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%A1%88%E3%80%82%20

">

以上是如何延遲載入大型 CSS 檔案：您應該使用動態 JavaScript 載入嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！