Mythemeshop WordPress Themes

MyThemeShop 速度優化的 WordPress 佈景主題

Written by

剛好碰到美國獨立紀念日 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 壓縮率更小的圖檔格式

webp pic

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

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

補充

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

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

hosted by kinsta

〈MyThemeShop 速度優化的 WordPress 佈景主題〉的留言

  1. 今天終於把網站的圖片都補齊了,也把緩存與 review 衝突的問題也解決了,呼~~

發佈留言

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

Your Mastodon Instance