使用精簡的 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 做檢測,檢測結果顯示已經是最佳化的做法。
以CentOS為例Apache設定使用HTTP/2加快網站速度
對於 MySQL 資料庫資料操作的基本語法大全
最近使用mac時發現Google Driver變成簡體,重新安裝竟然還跑出簡體的路徑
2020年6月16日,開發團隊釋出了最新的Bootstrap 5 Alpha版本,在全新的Bootstrap 5 帶來許多展新功能,其中最引人注意的莫過於移除對jQuery的依賴
更新 composer 依然無法解決 No such file or directory 問題嗎?深入問題解決。