GeneratePress 網頁速度最佳化的三個做法

作者 許哲維

最近幾個網站專案都是使用 GeneratePress 製作,使用體驗還算不錯,簡潔輕便,整個檔案大小約 1MB在網頁載入速度的調整,除了快取外,也沒特別做什麼設定,PageSpeed 分數已經是有及格的了。

前陣子看到了一個 Youtube 影片,關於 GeneratePress 速度最佳化上,有建議三個作法

1. CSS 改成外部檔案

路徑:外觀=>自訂=>一般=>Dynamic CSS Print Method=>External File

2.背景大圖,建議做成三種寬度的版本,桌機、平板、手機版

桌機:1920px
平板:1024px
手機:768px

3.將字體下載到本機,例如:Google Font

這部份比較困難一點,詳細步驟可以參考下面的影片,從 04:49 開始看

參考影片:https://youtu.be/MKarEHGMfCc

許哲維

我是許哲維,資深的 WordPress 使用者。

GeneratePress 網頁速度最佳化的三個做法

使用 GeneratePress 製作,使用體驗還算不錯,簡潔輕便,整個檔案大小約 1MB在網頁載入速度的調整,除了快取外,也沒特別做什麼設定,PageSpeed 分數已經是有及格的了。

使用Advanced Floating Content 來設定 WordPress可以根據不同的頁面、螢幕高度尺寸顯示對應的浮動內容

本篇文章將解決您的網站需要使用浮動按鈕或訊息時的需求,在不同的頁面、螢幕高度尺寸時可以顯示不同的浮動內容,不論是對話框、表單傳送、友站連結均可以輕鬆完成。

WordPress網站-Woocommerce購物車系統的運送方式與運費計算操作教學

使用Woocommerce販售商品一定會需要設定運送方式、費率計算、付款方式等等不同的設定,這篇文章主要教學關於“Woocommerce購物車系統的運送方式與運費計算”,為什麼運費跟運送方式要一起教學呢?請往下看詳細介紹

[必讀]簡單自己動手做網站

在接觸網頁初期常常想著自己對於程式的能力非常薄弱,可是又很想做網頁,那怎麼辦?其實現在網路上有太多工具太方便了 ... Read more