自從換主機後，有一段時間沒有來調教網站，有快取的情況下速度自然是還可以，但發現登入後的原始速度有點糟糕，尤其是導向吐出內容方法的頁面（ the_content() ） 測試那頁面的速度居然可以跑到 12 秒！太不可思議的慢，然後裝了 Query Monitor 來看看，發現第一次瀏覽文章頁的時候 I …
閱讀全文〈[WordPress] Instant Articles for WP 與 Yoast SEO 外掛的效能問題〉
分類彙整: 技術相關
把 Facebook 粉絲頁的 Messenger 加上功能選單導覽
如圖，是剛好在測試 Messenger 機器人的時候發現的。 機器人要經過 Facebook 審核才可以公開使用，但這功能不用審核就可以打開，只是目前打開的做法要透過 Facebook App 設定好 App 裡的 Messenger 資訊（基本加入啟用即可）以及取得粉絲專頁的授權碼（access …
Facebook 直播使用心情（Reaction）投票的 2 個開發關鍵 API
美國總統大選那段時間席捲大家 Facebook 塗鴉牆的就是「直播心情投票」了吧！ 然後，然後就，大家都跟著玩了ＸＤ 操作就是： 製造對立 對立選項不能超過目前 Facebook 心情數量（6個） 目前個人看過最爛的是拿來投票「星座」，星座有十二個阿抓六個這樣投也太鳥，至於主題什麼都差不多 十二星座 …
Linode VPS 主機使用 Ubuntu 16.04 LTS 版安裝 Docker
首先 當然要先講一下日本機房又開拉！ 真是好事～ 馬上就開一台來跑服務給夥伴測試用，速度感覺上就是好棒棒！ 正題 因為裝的服務有點麻煩，我就會先找 Docker 的服務來包，方便管理。 KVM 架構的虛擬主機也很給力，只是 Linode 預設是包自己打包過的核心（Kernel），要使用到 Docke …
開發 HTML5 網站頁面加速的幾個要點：dns-prefetch ＆ prerender
網站開發可以大方向的分前端與後端，而其前端使用者體驗這回事中「速度」又更是貫穿核心的議題。 因為網站設計（開發），真的不是一個門檻高的專業，所以大部分的情況會是前端寫好套後端，至於速度很慢？ 後端的問題！伺服器要加強！網路速度要快！ 不能說錯也不能說正確，但絕不是一個良好的合作情境。 前端比你想的還 …
HTML5 download 屬性與 JavaScript 控制下載檔案事件
下載是網站中常見的操作，但操作體驗基本款為「開啟一個新頁面，然後開始下載」，而前端工程為了帶來更好的體驗效果當然不能這樣把一個操作流程帶往到新頁面後這邊就結束，所以掌握好操作動向的 UX 設計在這部分就會有一些挑戰。 有些時候你想要PDF與一些圖檔是使用下載方式操作，但卻觸發瀏覽器去嘗試讀取，也可能 …
[WordPress] 開發常用外掛工具箱 v1.2.0
繼上次太長標題的首發版v.1.1.0後，這次改版也順便把名稱取短一點（汗） 本次 v1.2.0 版更新上了 themeforest 的購買清單讀取與操作 針對明確「主題」與「外掛」有下載安裝的機制，而「其他」類就是純下載，手動安裝。 為何會有明顯是 WordPress 外掛但卻顯示在「其他」這點可能 …
WordPress 開發常用外掛（plugin）整理的批次下載外掛 v1.2.8
這標題實在有點繞口 先前整理好一份「WordPress 工作上常用外掛資訊整理」的文件，但自己每次要對照著看來安裝一定覺得很煩ＸＤ 出自於懶還要更懶的勤勞想法，再加上 WordPress 4.6 之後也有改良安裝行為採 AJAX 非同步 方式，這點實在大大的改善裝一個外掛要跳好幾個頁面的困擾，不然滑 …
Serverless 框架搭配 AWS Lambda 實作練習筆記
Serverless 使用版本：1.0.0-rc.2 這點要先提的原因是框架還在開發中，這版本已經與之前的版本也有不少差異，但似乎簡化不少。 Serverless 的概念是把專案重點強調在開發實作，而非複雜的管理，網站標語也是滿清楚的描述「Build more, manage less」，不是減少伺 …
[WordPress] 工作上常用外掛資訊整理
Getting Started 使用WordPress這套框架開發網站，以後端的角色跟前端夥伴合作，下方是一些經驗整理，常用外掛系列，裡面包含了很多組合，並非每個案子都會使用這些工具，根據情況調整與搭配自己或夥伴延伸開發的方式也是不少，但沒有這些工具，開發想必更為困難，感謝社群～ 2019/07/0 …