[WordPress] 一種網站靜態化部署的方式

本篇文章更新時間:2019/02/16
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知或向一介資男的 LINE 社群反應。
如果本站內容對你有幫助,歡迎贊助支持


看一個 WordPress 外掛作者的網站( https://aaroneaton.blog/ )速度爆炸快,想說到底是什麼魔法,追查發現這個架構。

長話短說就是:網站靜態化 + Chrome Prefetch 功能支援

至於這樣的一個網站部署流程與開發架構,似乎正流行如這篇文章(https://justinwhall.com/headless-wordpress-gatsby-netlify-continous-deployment/)所說的。

關鍵字就是 WordPress 作為後端內容產生,結合 GatsbyJS 框架打造前端,最後使用 Netlify 服務做持續整合。

Prefetch 加速功能要在 Chrome 支援下才有感,如果不是採用 API 方式來取得內容,還真不會這麼快了,這些組合的技巧真厲害!

#WordPress #網站靜態化 #Prefetch #Chrome #技術相關 #GatsbyJS #Netlify

- Powered by Mxp.TW -FB2WP-


Share:

作者: Chun

WordPress 社群貢獻者、開源社群推廣者。專注於 WordPress 外掛開發、網站效能最佳化、伺服器管理,以及 iDempiere 開源 ERP 導入與客製開發。曾參與 WordCamp Taipei 等社群活動,GitHub Arctic Code Vault Contributor。提供資訊顧問、WordPress 開發教學、主機最佳化與企業 ERP 整合服務。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


文章
Filter
Apply Filters
Mastodon