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 使用者。

為什麼自己建置 WordPress 網站,是實踐網路行銷的方法?

在臉書看到一位電商界的大大(小黑老師),寫了一篇『十個為什麼身為行銷營運人員,該自己架WordPress的理由 ... Read more

主機代管、網站代管是一樣嗎?費用怎麼算?主機代管與網站代管包含哪些服務項目?

什麼是主機代管?主機代管、網站代管服務項目差在哪?主機網站代管費用會不會很高?選擇代管公司好處有哪些?有沒有口碑好且價格親民的網站主機代管公司推薦?一起看下去。

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

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

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

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