跳到主要內容區塊
:::
首頁 文章分享列表 文章分享

網頁設計實作使用Laravel-HTMLMin做HTML壓縮

使用精簡的 HTML 程式碼 (包含任何內嵌 JavaScript 和其中所含的 CSS) 可以大幅減少資料量,同時加快下載及剖析的速度。

在網頁設計SEO優化實例中,我們經常需要碰到一個重要的問題,即是搜尋引擎會將網站的速度納入評比,而在 Google PageSpeed Insights的檢測中,便會將HTML是否壓縮作為評分項目之一,使用精簡的 HTML 程式碼 (包含任何內嵌 JavaScript 和其中所含的 CSS) 可以大幅減少資料量,同時加快下載及剖析的速度。而今天我們就要實作使用Laravel-HTMLMin做HTML壓縮

安裝

composer require htmlmin/htmlmin

在app.php中加入以下
providers:

HTMLMin\HTMLMin\HTMLMinServiceProvider::class,

aliases:

'HTMLMin' => HTMLMin\HTMLMin\Facades\HTMLMin::class,

產生設定檔

php artisan vendor:publish

設定檔中只有三個項目:

blade自動優化
此選項('blade')可在編譯時縮小blade。這些優化對php處理速度幾乎沒有影響,因為優化僅應用一次並被Cache。默認情況下,此套件不會執行任何動作,不會自動縮小頁面。此設置的默認值為false

blade強制優化
此選項('force')強​​製blade縮小,此類縮小可能會造成error。只有在您完全了解可能導致的潛在問題時才應使用此選項。此設置取決於實際啟用的blade縮小。此設置的默認值為false

忽略blade
'ignore'您可以在此陣列中指定您不想縮小的路徑。

將blade設定為true後基本上就設定完成了,此時檢視原始碼可以看到已經是壓縮後的HTML了,如果你沒有成功,請刪除/storage/framework/views資料夾下的快取,或是執行以下,清除快取

php artisan view:clear

此時我們再次使用 PageSpeed Insights 做檢測,檢測結果顯示已經是最佳化的做法。

這篇文章是否對您有幫助?
Line線上詢價 線上詢價
電子郵件
電話
聯繫我們