
在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫,例如最常看到的 jQuery、AngularJS 或 CSS 框架,但 JavaScript 程式通常伴隨著拖延網站載入速度的問題,因此才會有所謂的「免費開放式 CDNs 服務」用以改善網站效能,這些服務多由世界級企業提供,例如:Google、Microsoft 和百度、新浪網等等,只要以 CDN 提供的網址來存取 JavaScript 程式就有減少主機流量、加速網站載入等效果,現階段來說非常建議使用。
在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫,例如最常看到的 jQuery、AngularJS 或 CSS 框架,但 JavaScript 程式通常伴隨著拖延網站載入速度的問題,因此才會有所謂的「免費開放式 CDNs 服務」用以改善網站效能,這些服務多由世界級企業提供,例如:Google、Microsoft 和百度、新浪網等等,只要以 CDN 提供的網址來存取 JavaScript 程式就有減少主機流量、加速網站載入等效果,現階段來說非常建議使用。
我之前寫過一篇關於「免費開放式 CDNs 服務」的整理介紹,這類服務針對網頁開發者提供,主要用於托管用於網頁的開放原始碼專案,例如常見的 jQuery、Boostrap、AngularJS 等等,利用開放式的 CDN 服務除了可以節省流量。最大優勢是大幅加速網頁載入速度,因為內容傳遞網路特性,能從距離較近的伺服器將檔案傳送給使用者,減少載入時間,不過檔案不是托管在自己主機,你可能會擔心其穩定性或速度。
剛好前段時間陸陸續續研究了如何建立多國語系網站,對於一些中小企業官方網站來說,如果想要觸及更多可能的潛在用戶,讓網站支援更多語言或許是可行的方法。相較之下中文是複雜且困難的語言,將網站內容翻譯成英文、日文或更多語言就有機會被更多人看懂,進而帶來不同地區流量。撇開翻譯技巧及正確性不說,選擇對的工具也是很重要的,那要如何在網站套用翻譯功能呢?
如何將 YouTube 影片的「音樂」部分嵌入網站呢?或許很多人遇過類似問題,通常解決方法是利用轉檔工具擷取 YouTube 影片並轉檔為 MP3 格式,例如 JAYC.Audio、YT2MP3 和 Peggo 等服務都能做到,然後再把 MP3 上傳到音樂空間來產生內嵌代碼,這個方法非常費時,而且可能會有版權問題。
對我來說,做網站最大的挑戰是如何讓訪客在進入網站後以最短時間獲取最大量的資訊,說起來容易,做起來卻很困難,尤其在訊息流動快速的現代,可能網站晚個幾秒鐘打開,訪客就會提前跳出、關閉瀏覽器分頁,因此設法在一個畫面中安排好想提供給訪客的訊息就變得很重要。
記得幾年前開始流行在新聞網站或部落格加入「心情」功能,讓讀者在閱讀內容後可以快速點選想法投票,不用輸入留言來提高使用者參與度,其實是非常聰明的作法。如果你也想在網站內加入心情按鈕,但又苦無技術開發能力,本文介紹的 Emotify 或許可滿足需求,同時它也是一項完全免費的服務,支援一般網站、WordPress、Tumblr 和 Ghost 等平台。
設計網頁時排版和色彩選擇非常重要,其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感,或是一些我曾經介紹過的配色工具;排版的話考量到字型和字體大小、間距、行高等等,這也是我平時不斷調整及測試的部分。對內容網站來說,提供閱聽者良好閱讀體驗不僅是考驗也是需要努力的目標,試著以讀者角度想,當你在閱讀網站時,會想要得到什麼樣的感覺,這麼說好像有點抽象,你可以利用 Font Fit 來找出最合適的排版設計。
你應該注意到:無論在電腦版或行動裝置上滑動 Facebook 時間軸,遇到影片會自動播放,預設為靜音狀態,除非你點擊開啟影片否則不會出現聲音,這能讓你在瀏覽時不錯過影片,但又不會因為聲音而干擾到其他人,這項設計也被應用在 Instagram(不過如果你網路不是吃到飽,請記得關閉 Facebook 自動播放影片功能以免帳單爆掉)。若想把 YouTube 影片內嵌至網站,但又不希望在自動播放時出現聲音嚇到訪客的話,你知道要如何設定嗎?
十年前,顯示網站線上人數的計數器相當流行,幾乎每個網站都會掛上一個顯示人數功能,有些還能夠切換今日訪客、昨日訪客或總訪客數,紅極一時的 whos.amung.us 你或許還有印象,但時隔多年已幾乎沒什麼人使用計數器了。如果你想懷舊一下,或者想為網站加掛顯示當前站上人數的功能,利用 Real Time Users 網站提供的程式碼就能快速達成。