網站速度慢既影響多使用者體驗也會影響搜尋引擎最佳化的速度。人們登入一個網站不喜歡等待太久,通常情況下一個網站在 20 秒甚至更少時間內打不開多使用者很有可能會放棄該網站。那麼影響 WooCommerce 獨立站網頁設計載入頁面的因素有哪些?一般圖片大小、 WooCommerce 伺服器等因素會影響網站頁面的速度。本文跨飛獨立站小編為大家說說如何加快您的網站速度。
一、 CSS 的最佳化
很多人會有這樣的疑問:同樣內容的網頁,不同的人做出的大小也不同,有的幾十 KB, 有的只有十幾 KB,這是為什麼?這其中就跟 CSS 關係密切。高手使用 CSS 讓網站根據簡練,從而導致網頁就小,這樣載入速度也會提高。
二、在網頁中準確使用恰當圖片格式
是否正確使用網頁圖片格式是檢驗一個 WooCommerce 獨立站網頁設計師是否優秀的一個方法。我們知道網頁中圖片格式一般為 GIF 、 JPEG 、 PNG 這三種格式,但是很少有人知道這些圖片的使用區別在哪裡。
GIF,由於 gif 圖片提供的顏色較少,若用 gif 圖片儲存一個上百種種顏色的圖片會出現失真。所以 gif 通常應用在 LOGO 設計、不超過 256 中顏色的小型圖片、小圖示等等。
JPEG,的質量與其大小基本平衡,也就是說壓縮越高、質量也差、也就越小。 JPEG 圖片不是一種無損影像格式,因為它無法百分之百保持原始影像資料。 JPEG 通常會應用在對圖片質量要求不高的場合,比如人物、風景等攝影作品。
PNG:,一個 8 位 PNG 圖片,支援透明背景且畫素顏色不能超過 256 種。我們見過一些沒有背景的 PNG 圖片,因此 PNG 格式的圖片可以提供無背景也就是透明背景的格式。可以說 PNG 圖片是專門應用於要求較高的網頁的圖片格式。
三、減少圖片數量
在 WooCommerce 獨立站網頁設計中要削減不必要的圖片數量,太多圖片只會拖慢網站速度。
四、可以適當壓縮圖片
有時候適當減低圖片質量,對於網站來說並沒有太大差別。影像質量百分之五之間上下浮動並不會有太大變化。