分類: 站長工具

設定 Jetpack 網站加速器的圖片壓縮畫質教學(Photon CDN)

最近使用了 Piio 的 Image Speed Test 工具,也提到我正在研究一項適合免費資源網路社群的圖片壓縮功能,一直以來我都是使用 Cloudflare(本身除了加速分流也有圖片最佳化功能),另外我也相當推薦 WordPress 架站的站長使用 Jetpack 的網站加速器(以前叫做 Photon CDN),都能有效提升網站載入效能。當然你也可以將每張圖片都下載回來以圖片壓縮工具進行處理,但對有數萬甚至數十萬張圖片的網站來說實在是個大工程,也不建議這麼做。

Read More

Jetpack 免費 CDN 自動加速分流 WordPress 圖片外掛教學

六年前寫過一篇「Photon 免費 CDN 圖片分流、加速服務,每個 WordPress 用戶都該開啟的外掛」,後來這項功能成為 Jetpack 網站加速器(Site Accelerator)一部分,另一個加速器功能是 Asset CDN,和圖片 CDN 差別在於一個是針對圖片進行分流,Asset CDN 是加速 WordPress 靜態檔案,例如 CSS 和 JavaScript,兩個功能都很有用,當然也可依照自己的需求開啟。

Read More

Better Uptime 監測網站運作情形,無法連線時撥打電話或簡訊通知

自架站的網站站長最不想遇到的應該是網站發生問題,最常遇到的除了自己改網站沒改好、導致無法正常開啟,其次就是主機異常,通常主機公司都會使用監控工具查看有沒有發生問題,以便能在最短時間處理。但如果你是使用 VPS 或獨立主機就必須自行監測,我們介紹過不少網站監控服務,想省錢的話也有很多免費的選項可以選擇,付費與否主要差在監測間隔長短、監測節點和通知方式不同。

Read More

Fluent Icons 免費下載 965 個漂亮專業的流暢設計風格圖示

在一些大公司推動的產品開發都會有「設計語言」(Design Language),簡單來說就是將設計的表達方式、偏好或風格系統化,寫成明確規範,讓設計師和開發人員間能夠溝通運用,另一方面也可重複使用設計元件,避免重複開發,將時間投入在真正重要的事物本質上。更重要的是讓產品在不同平台的設計風格維持一致性,以提升產品的識別度、強化品牌形象。

Read More

Ping 透過瀏覽器即時測量延遲反應時間,支援 HTTP 和 WebSocket

遇到網路有點卡、不確定能不能正常連線時,我都會習慣在指令列輸入 ping 來看看是否可以找到某個遠端伺服器,不得不說這真是一個超級好用的指令,可以知道連結到某主機或 IP 位址的延遲時間或封包遺失率(俗稱掉包),當然延遲越低代表反應時間越短,從封包遺失也能知道網路品質好或不好,正常情況下回應時間不應該過長或是超時(Timeout),封包也盡量要能完整遞送接收。

Read More

Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換

前段時間在研究網站圖示(Favicon)如何正確運作,對有在經營網站的站長來說一定知道在網站加入識別圖案的重要性,一般來說,加入網站圖示的作法並不困難,甚至很多網站會說只要一段原始碼就能做到,但現在因為有行動裝置作業系統,也要考量到網站被新增到桌面時會用到不同圖示尺寸,因此就必須額外準備各種不同尺寸大小的網站圖示。

Read More

Image Speed Test 分析你的網頁內容,提供加速及圖片最佳化建議

最近在研究免費資源網路社群的網站成效表現,才發現圖片容量太大、對於網頁載入速度造成一定程度的影響,事實上對一般內容網站來說可能不會非常要求圖片品質,例如文章裡搭配文字說明所使用的畫面擷圖也不用過度清晰,利用圖片壓縮工具先處理一下,即使是無損壓縮(Lossless)也能讓容量降低不少。若你是使用 WordPress 架站,官方提供的 Jetpack 外掛就有內建免費的圖片 CDN(Photon CDN)功能,開啟後就能自動壓縮圖片,以內容傳遞網路技術讓載入速度更快,也更節省主機流量。

Read More

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。

Read More

Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示

最近無意間發現免費資源網路社群在 Google 搜尋結果無法正確顯示網站圖示,也就是大家都知道的 Favicon(Favorites icon),這個小小圖示代表一個網站,經常會顯示於瀏覽器標籤列或書籤,有些時候當網網頁打開太多,標題無法全部顯示於標籤列,我們就會很習慣透過網站圖示來判斷是不是自己需要的網頁。前段時間 Google 搜尋調整結果呈現的樣式,在網站標題旁邊加上圖示,因此好好設定一下自己的網站圖示格外重要(雖然後來這個設計被很多網友抗議 Google 決定要重新研議)。

Read More

htaccess tester 設定檔語法檢查工具,測試伺服器 Rewrite 寫法是否正確

如果有使用 VPS、獨立主機(Dedicated Servers)或雲端主機架設過網頁伺服器,一定對 Apache 不陌生,當今有很多自動化的安裝設定工具,例如 ServerPilot 或 RunCloud 等等服務,可能比較少接觸到伺服器的設定檔,但一定會遇到相當重要的設定檔 .htaccess。簡單來說,這是 Apache 檔案目錄系統設定檔的預設檔名,比較常應用在設定網址重寫(URL Rewrite)或是一些安全權限管理,例如在「11 個強化 WordPress 網站安全的 .Htaccess 設定技巧」就有不少設定範例。

Read More

Easy Updates Manager 自訂 WordPress 更新關閉特定外掛、佈景主題通知

從很早開始 WordPress 就有內建自動更新功能,主要是針對核心主程式進行升級,大版本的更新會加入新功能,小版本則多半著重於修補錯誤或安全問題,後來在佈景主題、外掛和翻譯語系檔也會偵測是否有新版本,還能透過 Jetpack 開啟外掛的自動更新功能。對於自架網站來說,如果沒有特別原因盡可能保持最新版本是最好的狀態,也可以兼顧效能和安全性,要不要將自動更新打開就見仁見智,至少要進行每次 WordPress 釋出的更新修復。

Read More
Loading