Local CDN 將 JavaScript 程式庫快取在瀏覽器,加速上網更省流量(Chrome 擴充功能)

Local CDN 將 JavaScript 程式庫快取在瀏覽器,加速上網更省流量(Chrome 擴充功能)
(Copyright: burntime555 / 123RF Stock Photo

在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫,例如最常看到的 jQuery、AngularJS 或 CSS 框架,但 JavaScript 程式通常伴隨著拖延網站載入速度的問題,因此才會有所謂的「免費開放式 CDNs 服務」用以改善網站效能,這些服務多由世界級企業提供,例如:Google、Microsoft 和百度、新浪網等等,只要以 CDN 提供的網址來存取 JavaScript 程式就有減少主機流量、加速網站載入等效果,現階段來說非常建議使用。

CDNPerf 監測七大開放式免費 CDN 服務,查詢延遲時間和上線率資訊

CDNPerf 監測七大開放式免費 CDN 服務,查詢延遲時間和上線率資訊

我之前寫過一篇關於「免費開放式 CDNs 服務」的整理介紹,這類服務針對網頁開發者提供,主要用於托管用於網頁的開放原始碼專案,例如常見的 jQuery、Boostrap、AngularJS 等等,利用開放式的 CDN 服務除了可以節省流量。最大優勢是大幅加速網頁載入速度,因為內容傳遞網路特性,能從距離較近的伺服器將檔案傳送給使用者,減少載入時間,不過檔案不是托管在自己主機,你可能會擔心其穩定性或速度。

Locki 讓訪客幫忙翻譯網站!建立多國語言網站最簡單工具推薦

Locki 讓訪客幫忙翻譯網站!建立多國語言網站最簡單工具推薦
(Copyright: rawpixel / 123RF Stock Photo

剛好前段時間陸陸續續研究了如何建立多國語系網站,對於一些中小企業官方網站來說,如果想要觸及更多可能的潛在用戶,讓網站支援更多語言或許是可行的方法。相較之下中文是複雜且困難的語言,將網站內容翻譯成英文、日文或更多語言就有機會被更多人看懂,進而帶來不同地區流量。撇開翻譯技巧及正確性不說,選擇對的工具也是很重要的,那要如何在網站套用翻譯功能呢?

嵌入 YouTube 影片為音樂播放器教學,僅保留音樂點擊自動播放

嵌入 YouTube 影片為音樂播放器教學,僅保留音樂點擊自動播放
(Copyright: rawpixel / 123RF Stock Photo

如何將 YouTube 影片的「音樂」部分嵌入網站呢?或許很多人遇過類似問題,通常解決方法是利用轉檔工具擷取 YouTube 影片並轉檔為 MP3 格式,例如 JAYC.AudioYT2MP3Peggo 等服務都能做到,然後再把 MP3 上傳到音樂空間來產生內嵌代碼,這個方法非常費時,而且可能會有版權問題。

這服務野心很大!「night night.みんな」網站睡眠讓你我更健康

這服務野心很大,「night night.みんな」網站睡眠模式想讓更多人變健康
(Copyright: spectral / 123RF Stock Photo
睡眠是許多現代人的共通問題,該睡的時候睡不著,很多時間可能都耗費在沒有意義的事情上,例如上網或滑手機,久而久之就養成了晚睡的習慣。雖然賺錢和努力邁向成功非常重要,但沒有充足睡眠會讓你事倍功半,更會對健康造成傷害,因此有開發者提出應該要更重視睡眠,而這一切就從讓網站睡覺開始。

IntroBar 為特定來源訪客顯示歡迎訊息,方便網站發佈通知增加曝光效果

IntroBar 為特定來源訪客顯示歡迎訊息,方便網站發佈通知增加曝光效果

對我來說,做網站最大的挑戰是如何讓訪客在進入網站後以最短時間獲取最大量的資訊,說起來容易,做起來卻很困難,尤其在訊息流動快速的現代,可能網站晚個幾秒鐘打開,訪客就會提前跳出、關閉瀏覽器分頁,因此設法在一個畫面中安排好想提供給訪客的訊息就變得很重要。

Emotify 為網站加入心情投票按鈕,依照使用者喜好推薦相關文章

Emotify 為網站加入你的心情按鈕,依照使用者喜好提供相關文章

記得幾年前開始流行在新聞網站或部落格加入「心情」功能,讓讀者在閱讀內容後可以快速點選想法投票,不用輸入留言來提高使用者參與度,其實是非常聰明的作法。如果你也想在網站內加入心情按鈕,但又苦無技術開發能力,本文介紹的 Emotify 或許可滿足需求,同時它也是一項完全免費的服務,支援一般網站、WordPress、Tumblr 和 Ghost 等平台。

Font Fit 在你的網站上測試各種字型排版,即時預覽字體大小顏色樣式

Font Fit 在你的網站上測試各種字型排版,即時預覽字體大小顏色樣式
(Copyright: baks / 123RF Stock Photo

設計網頁時排版和色彩選擇非常重要,其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感,或是一些我曾經介紹過的配色工具;排版的話考量到字型和字體大小、間距、行高等等,這也是我平時不斷調整及測試的部分。對內容網站來說,提供閱聽者良好閱讀體驗不僅是考驗也是需要努力的目標,試著以讀者角度想,當你在閱讀網站時,會想要得到什麼樣的感覺,這麼說好像有點抽象,你可以利用 Font Fit 來找出最合適的排版設計。

如何嵌入 YouTube 影片設定自動重播、隱藏 Logo 或靜音播放?

如何嵌入 YouTube 影片設定自動重播、隱藏 Logo 或靜音播放?
(Copyright: peshkova / 123RF Stock Photo

你應該注意到:無論在電腦版或行動裝置上滑動 Facebook 時間軸,遇到影片會自動播放,預設為靜音狀態,除非你點擊開啟影片否則不會出現聲音,這能讓你在瀏覽時不錯過影片,但又不會因為聲音而干擾到其他人,這項設計也被應用在 Instagram(不過如果你網路不是吃到飽,請記得關閉 Facebook 自動播放影片功能以免帳單爆掉)。若想把 YouTube 影片內嵌至網站,但又不希望在自動播放時出現聲音嚇到訪客的話,你知道要如何設定嗎?

Real Time Users 只要 60 秒快速為網站加入顯示即時線上人數計數器

Real Time Users 只要 60 秒快速為網站加入顯示即時線上人數計數器
(Copyright: tostphoto / 123RF Stock Photo

十年前,顯示網站線上人數的計數器相當流行,幾乎每個網站都會掛上一個顯示人數功能,有些還能夠切換今日訪客、昨日訪客或總訪客數,紅極一時的 whos.amung.us 你或許還有印象,但時隔多年已幾乎沒什麼人使用計數器了。如果你想懷舊一下,或者想為網站加掛顯示當前站上人數的功能,利用 Real Time Users 網站提供的程式碼就能快速達成。