【實例分享】碰到網站速度過慢怎麼辦?優化網站速度解析!(下)
上一篇講到了如何檢測網頁速度,在檢測完網頁速度後,我們要如何進行網頁速度優化?這邊以一個WordPress的案例來跟各位分享,可以看到網頁速度在優化前非常的差,那我們這邊針對幾個項目去做優化,並同時介紹WordPress相對應的外掛程式,就可以看到非常好的效果囉! 優化網頁速度 一、 壓縮圖片: 壓縮圖片是在做網站速度優化最基本的,在架設網站的時候可以先使用 TinyJPG 這個網站 初步的進行壓縮圖片又不會使圖片失真,也可以使用圖片壓縮的外掛「Imagify」針對圖片再次進行壓縮,在壓縮圖片時你應該要注意以下幾點: 1. 每張圖檔大小不超過100Kb 2. 以網頁顯示解析度去設定圖片大小 (不用使用原始尺寸) 二、 壓縮或排除未使用的CSS及JavaScript語法: 在使用WordPress架設網站的時候會套用一些佈景主題,這些佈景主題的內容並不會全部使用,但仍會占用你載入的時間,因此需要排除掉未使用的CSS及JavaScript語法,但若是不知道那些需要排除,可以使用Autoptimize協助你將這些語法進行壓縮! 三、 關掉未使用的外掛及刪除未使用的圖片: WordPress套用佈景主題的時候可能會自動載入一些外掛程式及圖片,但未必所有功能都會使用到,記得將這些無用的外掛或圖片進行關閉/刪除的動作,不然也會占用網頁的載入時間喔! 四、 建立Gzip壓縮 建立Gzip壓縮會將你的網頁內容先進行壓縮,在傳輸到接收端後再進行解壓縮,可以提升網頁傳輸的速度,WordPress外掛搜尋Gzip可以找到很多相對應的外掛可以安裝,大家挑一個安裝就可以囉! 五、 設置Lazy-load 設置Lazy-load可以幫助你在載入頁面的時候依序載入內容,將一開始未顯示在頁面的內容延緩載入,加速頁面載入時間,使用Autoptimize就可以輕鬆地設置Lazy-load喔! ...