如何推遲大型 CSS 文件載入以提高網站效能？

優化CSS 交付：推遲大型CSS 文件加載

為了優化網站性能，一種常見的技術是推遲大型CSS 文件的加載CSS 文件，直到載入頁面的初始內容之後。此策略有助於減少頁面渲染時間並提高感知效能。

使用jQuery 延遲載入

如果您習慣使用jQuery，則可以使用以下方法實現延遲CSS 載入以下程式碼片段：

<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;

%E5%8F%AA%E9%9C%80%E5%9C%A8%24(document).ready()%20%E4%BA%8B%E4%BB%B6%E8%99%95%E7%90%86%E7%A8%8B%E5%BA%8F%E4%B8%AD%E5%91%BC%E5%8F%AB%E6%AD%A4%E5%87%BD%E6%95%B8%E5%8D%B3%E5%8F%AF%E6%8E%A8%E9%81%B2%E8%BC%89%E5%85%A5CSS%20%E6%AA%94%E6%A1%88%E3%80%82%20

%E6%9B%BF%E4%BB%A3%E6%96%B9%E6%B3%95%20

%E6%88%96%E8%80%85%EF%BC%8C%E5%A6%82%E6%9E%9C%E6%82%A8%E4%B8%8D%E6%83%B3%E4%BD%BF%E7%94%A8%20jQuery%EF%BC%8C%E6%82%A8%E5%8F%AF%E4%BB%A5%E6%89%8B%E5%8B%95%E5%BB%BA%E7%AB%8B%E9%80%A3%E7%B5%90%E5%85%83%E7%B4%A0%E4%B8%A6%E5%B0%87%E5%85%B6%E9%99%84%E5%8A%A0%E5%88%B0%E6%96%87%E4%BB%B6%E9%A0%AD%E3%80%82%E4%BB%A5%E4%B8%8B%E6%98%AF%E7%AF%84%E4%BE%8B%EF%BC%9A

var%20link%20=%20document.createElement(%22link%22);%0Alink.rel%20=%20%22stylesheet%22;%0Alink.href%20=%20%22large.css%22;%0Adocument.head.appendChild(link);

%E7%84%A1%20Javascript

%E8%AB%8B%E6%B3%A8%E6%84%8F%EF%BC%8C%E5%9C%A8%E9%A0%81%E9%9D%A2%E8%BC%89%E5%85%A5%E5%BE%8C%E8%BC%89%E5%85%A5%20CSS%20%E6%AA%94%E6%A1%88%E9%9C%80%E8%A6%81%E4%BF%AE%E6%94%B9%20HTML%20%E7%A8%8B%E5%BC%8F%E7%A2%BC%E3%80%82%E5%A6%82%E6%9E%9C%E7%80%8F%E8%A6%BD%E5%99%A8%E4%B8%AD%E7%A6%81%E7%94%A8%E4%BA%86%20JavaScript%EF%BC%8C%E5%89%87%E4%B8%8D%E6%9C%83%E8%BC%89%E5%85%A5%E5%BB%B6%E9%81%B2%E7%9A%84%20CSS%20%E6%AA%94%E6%A1%88%E3%80%82%E5%9B%A0%E6%AD%A4%EF%BC%8C%E5%9C%A8%20HTML%20%E4%B8%AD%E5%85%A7%E5%B5%8C%E9%97%9C%E9%8D%B5%20CSS%20%E6%88%96%E8%80%83%E6%85%AE%E6%9B%BF%E4%BB%A3%E5%84%AA%E5%8C%96%E6%8A%80%E8%A1%93%E8%87%B3%E9%97%9C%E9%87%8D%E8%A6%81%E3%80%82%20

">

以上是如何推遲大型 CSS 文件載入以提高網站效能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！