使用精簡的 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 做檢測,檢測結果顯示已經是最佳化的做法。
Composer 是一個套件管理工具,用途是在專案中可以透過簡易的指令將所使用的套件或程式碼庫安裝於專案內。
Laravel 部署時發生Error竟然是版本所造成的
PHP Laravel 取得客戶端IP的方式介紹
reCAPTCHA是目前針對防範機器人最為有效的方式,廣泛使用在各政府機關、民間網站的網頁設計中,此篇文章教學申請取得金鑰步驟。
HTTP Strict Transport Security (HSTS) not implemented 未使用嚴格安全傳輸(HSTS),教你如何設定