Page 1 of 1

啟用資料快取

Posted: Wed Dec 18, 2024 9:43 am
by subornaakter93
配置伺服器以便使用者的瀏覽器快取資料。然後,當您第一次造訪該資源時,將自動儲存一些網站元素(圖片、CSS 和 JS 檔案)。下次瀏覽器將不會下載它們,因此不會浪費時間。

但這種方法只允許您透過重複造訪該網站來加快載入速度。

如何啟用快取?

使用 Apache Web 伺服器的標頭模組來控 馬來西亞手機號碼 制和修改 HTTP 請求和 HTTP 回應標頭。瀏覽器從伺服器下載很少變化的資料到本地緩存,訪問資源時從快取加載。您也可以將某些類型的檔案快取所需的時間,之後將再次從伺服器下載它們。

Image


這可以透過以下方式完成:

<FilesMatch ".(gif|jpeg|png|swf|js|css|pdf|ico)$">
標頭設定快取控制 "max-age=1234000"
</FilesMatch>

在 FilesMatch 建構中指定所需的檔案副檔名,其中將為它們設定 Cache-Control 標頭和 max-age 變數。此變數將指示檔案的儲存持續時間(以秒為單位)。您可以簡單地不將不需要快取的檔案包含在清單中。

還可以設定禁止檔案快取。為此,可以將以下程式碼新增至.htachess中,提前指定哪些類型的檔案不需要快取:

<FilesMatch ".(pl|php|cgi|fcgi|scgi)$">
標頭未設定快取控制
</FilesMatch>

您也可以使用過期模組來控制快取。它控制瀏覽器對 HTTP 快取標頭的設定。根據時間、文件的上次變更或客戶端存取時間指定資訊的保留期限。

例如,像這樣:


或者像這樣:

ExpiresByType text/html“訪問加2個月14天7小時”
ExpiresByType image/gif“修改加8小時3分鐘”

減少 CSS 和 JavaScript 程式碼大小
使用簡化 JavaScript 和 CSS 的特殊服務,可以從程式碼中消除不必要的字元(空格、註解)。因此,程式碼載入速度更快。為了提高速度,這些服務比標準 gzip 壓縮更有用。 Google 建議將小型 CSS 檔案直接插入 HTML 文件中。

下載有關該主題的有用文件:

清單:如何在與客戶談判中實現您的目標
若要減少程式碼的大小,您可以使用 CSS Drive、CSS Compressor 等服務。 CSS 檔案應放置在頁面的開頭,JS 檔案應放置在頁面的末尾。

當CSS檔案放置在頭部時,頁面渲染變得漸進,產生對網路資源的好感。

如果JS檔案放在頁面底部,瀏覽器可以先載入內容,然後再處理腳本。