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

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

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

Facebook messenger如何嵌入WordPress網站呢

現在的網站不可或缺的一個元素,就是即時客服的部分,這篇文章會教你網站如何加入對話框,讓使用者可以跟你在粉絲團的messenger系統直接交流,以解決使用者在瀏覽網站中的問題。

tawk.io線上客服簡單介紹

當看到某個網站內容是我們感興趣也有疑問的時,會希望能趕緊聯絡到站長發問,一般來說最常見到的方式就是填寫表單,還有今天要來介紹一的即使通訊服務tawk.io

WordPress南投小聚(1-5月)記錄觀點

我參加了不少次小聚,認識了許多喜歡WordPress的朋友,到去年年底,才開始思考南投地區是不是也有使用WordPress的人,是不是也有足夠的能量,辦小聚?