Wordpress – 詩音的blog https://blog.shion-nya.moe 記錄個人資料的地方 Sat, 02 Sep 2023 18:24:52 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.9 https://blog.shion-nya.moe/wp-content/uploads/2023/09/cropped-cat-32x32.png Wordpress – 詩音的blog https://blog.shion-nya.moe 32 32 223760516 網站圖片是否應該使用WebP ? https://blog.shion-nya.moe/2023/09/website-picture-webp/ https://blog.shion-nya.moe/2023/09/website-picture-webp/#comments Fri, 01 Sep 2023 03:26:43 +0000 https://shion.me/?p=401 最近在研究網站的圖片是否應該改成用WebP呈現，大致上是說壓縮效果比較好，也因為載入速度快了，所以會讓瀏覽體驗更好。但研究了一陣子發現不是所有瀏覽器都支援，現在查起來是比以前更好了，但舊電腦還是會有不支援的情況發生，雖然已經小於5%了。那應該要支援這些瀏覽器嗎?，如果要支援可能就需要兩種圖片檔案都擁有，還有運算是否使用WebP的問題。

還有一個就是WebP存下來有沒有辦法瀏覽的問題，新電腦也許沒有這問題，還有編輯的方便程度會有所差別。或者是單純想當桌布之類的，windows11看起來是沒有WebP的，如果需要還是要自己再轉檔。WebP似乎在某些情況下也有可能發生檔案更大的狀況。

另外我發現細節多的照片壓縮效果沒有圖片好，也可以對於自己 Blog 內容來決定是否使用WebP格式，我自己的 Blog 照片不少，也希望有更好的畫質和細節，所以目前會維持使用 jpg、png 之類的。不過我並沒有測試對同一張照片未壓縮處理的情況，單純是圖片跑一次WebP的檔案轉換。

我認為主要需要考量的是以下事項

  • Blog 內容種類考量，或是圖片用途(單純意境、還是想呈現照片細節)
  • 希望全面支援所有瀏覽器，但如果想使用WebP又想全面支援，勢必需要存著兩種檔案格式的圖片
  • 有無想讓其他人使用(桌布、修改)
  • 希望自己照片細節清楚

參考資料

“webp” | Can I use… Support tables for HTML5, CSS3, etc
WordPress WebP 外掛推薦，仍不推薦採用！ * 造九頑五 (make9.tw)
什麼是 WebP，如何使用 WebP 優化 WordPress 速度 » 光輝咖碼 (kamadiam.com)
Is there any benefit to using WebP images on my website? | WORDPRESS TIPS (havecamerawilltravel.com)

]]> https://blog.shion-nya.moe/2023/09/website-picture-webp/feed/ 4 401 一些弄 Blog 的經驗與想法 https://blog.shion-nya.moe/2023/08/blog-experience/ https://blog.shion-nya.moe/2023/08/blog-experience/#comments Mon, 28 Aug 2023 16:18:53 +0000 https://shion.me/?p=384 最早弄Blog應該是在國中時候，當初記得用免費的虛擬主機架過 WordPress 還有一些論壇過，基本上都不難就是上傳檔案設定資料庫等等，整體難度都不高，稍微查一下資料應該都可以完成，不過感覺穩定度不是很高，可能因為是免費的吧，記得文章還會寫一半消失，當初也不是會用那種編輯器，好像… 也沒寫甚麼東西就是w

後來在高中時候也弄過網站，架了 WordPress 弄了Blog，當初跟朋友想弄一些電子器材相關的，文章數也是很少很少，不到十篇也許甚至不到五篇，不過是有想弄廣告賺錢的w，因為當初零用錢很少一個月好像300吧，雖然國中好像一個月只有150，不過那時候有進步，第一次買了網域印象是.com，不過那時候沒有信用卡，所以是超商付款，雖然沒做出什麼但多少有點進步。

在大學的時候，有認識資工的朋友，他是用 Hexo 架的，所以我也試著架看看，也不用主機費用，因為架設在Github上，使用了 .tw 網域，只是更新後可能會有出現一些 Bug，或是沒設定好可能會出問題，要自己慢慢找問題，優點是靜態網站被攻擊也問題不大，缺點就是大部分是沒有後台，幾乎都要電腦弄，忘記有沒有插件可以做後台了，印象中好像有但是沒有使用過，還有就是使用了圖床，但使用上比較麻煩，每次都要花蠻多時間，還有就是感覺電腦重灌比較麻煩，後來也是因為這兩個原因Blog就停止更新了。

最近是因為公司網站需要架設，所以決定使用一些簡單的CMS，選擇比較多人用的 WordPress，遇到問題應該會比較好解決，能用的插件也比較多，安全性… 也許會好一點（？，雖然感覺現在wordpress蠻商業化了，另外就是最近認識的蠻多朋友都有用 Blog 的，自己用起來介面也蠻穩定簡單的，所以自己的 Blog 也使用了 WordPress，現在主機空間都蠻大了，我是選擇美國的主機但是是台灣的廠商，溝通也比較方便，雖然用VPS可能會更好，但現在時間少了，整體想要簡單易維護，所以也捨棄了圖床，直接使用預設的上傳功能，插件也是能少就少，盡量基本的功能有就好。

其實最初是 SugarHosts 不過刷卡失敗，沒辦法付錢只能換一家了，也不想付很多手續費，就想換一家原本是看上 ServerZoo 但它這條款蠻嚴的，感覺蠻嚴的，不太確定實際上是怎麼樣，有機會講到遊戲、政治嘛…，機會是不大，但看著不太舒服所以選了遠振，雖然配置、價錢跟檔案數限制更好。

遠振的條款是這樣，感覺舒服多了 我是買一年1800的 不過我是先買一個月

目前是 WordPress 架在遠振的美國主機上，有用 Cloudflare CDN
有興趣可以參考看看
遠振資訊(推廣連結)

]]> https://blog.shion-nya.moe/2023/08/blog-experience/feed/ 4 384 WP Fastest Cache 啟用 Cloudflare 設定 https://blog.shion-nya.moe/2023/08/wp-fastest-cache-cloudflare-setting/ https://blog.shion-nya.moe/2023/08/wp-fastest-cache-cloudflare-setting/#respond Fri, 25 Aug 2023 15:42:55 +0000 https://shion.me/?p=358 原本想說這網站流量夠，還有節點位置可能在美國感覺速度不會有太大影響，所以沒打算裝上Cloudflare，但後來想要看一些流量訊息跟防攻擊，所以後來還是裝上了，不過Cloudflare免費版沒有辦法加速圖片，只有JS、CSS、HTML，對我這有很多圖片的網站….，恩… 不確定幫助有多大。

原本是裝Cloudflare的官方外掛，但好像快取外掛跟Cloudflare會有衝突像是處理CSS、JS、HTML壓縮的部分，所以決定用WP Fastest Cache官方的設定。設定很簡單，不過稍微寫一下，另外有更改WP Fastest Cache的設定取消了JS合併跟CSS合併，簡單放在結尾。

WP Fastest Cache 的 Cloudflare 設定

進入快掛頁面後它會直接提示設定或是進CDN可以設定

接下來他會請你設定API

接下來到 Cloudflare設定API
使用者 API 權杖 | Cloudflare

然後按下建立 Token 後，選擇使用範本 (WordPress)
直接按繼續至摘要，然後建立 Token

拿到Token就可以回到外掛那邊設定
基本上按NEXT即可 他都幫你設定好了

WP Fastest Cache 設定

目前設定是這樣把CSS合併跟JS合併取消
似乎取消比較好

參考資料

WP Fastest Cache 的 Cloudflare 官方設定資料

WP Fastest Cache 設定參考

How to Set Up WP Fastest Cache (Beginner’s Guide)
The Ideal WP Fastest Cache Settings 2023 + CDN Instructions (Not Good For Web Vitals)

]]> https://blog.shion-nya.moe/2023/08/wp-fastest-cache-cloudflare-setting/feed/ 0 358