MyThemeShop 速度優化的 WordPress 佈景主題

剛好碰到美國獨立紀念日 7/4，MyThemeShop 推出特價活動，佈景主題和外掛都 19 美金促銷，站長就買了一個佈景給 yungke.me 換上了。

原本的佈景主題 Twenty Twelve 的官方主題就已經很好用了，因為比較簡單，需要的外掛會比較多一點，網站的速度多少會有影響，現在換上 MyThemeShop TruePixel 佈景主題，可以省掉好幾個外掛，而且佈景的代碼快速，論壇的支援也多，可以很快的解決問題。

MyThemeShop TruePixel 佈景主題

https://mythemeshop.com/themes/truepixel/

MyThemeShop 佈景主題的特性

• 100% responsive 設計
• google AD 廣告管理
• 易於訪問的內容編排
• 網站加載時間快速
• SEO 最佳化
• 內置評論 Review 功能
• 後台控制面板容易簡單
• 自定義 CSS 面板
• 內置短碼 shortcodes
• 內置相關文章
• Google 字型支援
• 內置社群分享

所以使用 MyThemeShop TruePixel 佈景主題後，我也將 yungke.me 的外掛及快取做一個極大的改變：

• 快取外掛原本的 Redis 換成 Cache Enabler
• 圖片最佳化外掛 Imagify Image 換成 Optimus，可配合 Cache Enabler 使用 Wepb 快速的圖片格式 (如下圖)
• 社群分享外掛改用 Social Warfare pro 增加網站速度
• Async JavaScript Pro 及 Autoptimize 繼續使用著

WebP 壓縮率更小的圖檔格式

這些的更換，速度上是比之前用的 Twenty Twelve 佈景主題快些，也漂亮多了；另外，因為更換了圖片最佳化外掛 Optimus，整個圖片要重新上傳一次優化處理，所以之前文章的圖片會變成叉燒包，這要花點時間來處理了。

希望 MyThemeShop 主題可以帶來更好的閱讀感受。

補充

以這個佈景在 PageSpeed Insights 拿到 100/100 並非難事，使用 Async JavaScript 方法便可處理「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」的問題；但是並不是每個佈景主題及外掛都可這樣做。

以我這個網站的例子，清除禁止轉譯後會造成 Social Warfare / WP Tab Widget / WP Review Pro 外掛不正常，所以只能先放棄 PageSpeed Insights 100/100，維持網站的正常運行。