網路技術的日新月益,最近台灣電信業也開始推展4G的高頻寬網路,也許使用高頻寬的你可能沒有感覺現在的網頁檔案越來越大, 會在這邊提到這個的原因, 最近小呂瀏覽一些婚禮攝影師的個人網站,他們都拍的很漂亮也排版的很好看,偏偏在讀取特定方面特別的慢,如果遇到會自動撥放音樂的頁面而又把開關都放在頁面的最下面,想要關掉音樂,但是上方的照片一直在讀取跳出來照片,想要關掉音樂也點不到,有時乾脆不看或直接按"停止載入". 不知你是否有注意他們共同的問題點?
其實讓網頁效能降低的大多問題,都是以圖形檔案沒有優化為主要原因,許多的網頁設計者或部落格客為了讓觀看者最好的瀏覽視覺,經常會提高圖形檔的解析度,以便讓照片圖檔看起來更漂亮精細,但是你有沒有想過, 許多的使用者的瀏覽環境可能都無法真正的享受到這麼高畫質高解析度的圖檔?
以現在使用者來說,除了使用桌上型的電腦之外,還會使用較小的螢幕的行動裝置(手機,平板), 這幾天我看到一篇報導指出"Facebook 近期發表了 2014 年第二季財報,其中提到Facebook 使用者正逐漸從 PC 客戶端轉向行動客戶端",也就是說現在使用者除了在正式的辦公或一些需要用到桌上型的電腦的程式,在下班後空閒休息看電視時,都會順便使用手邊的行動裝置上網上.
我這邊要提是如果你的網站上的照片都減少10~20%的檔案大小.在桌上型的電腦的大螢幕看都分辨不出來的情況下,在更小螢幕的行動裝置更是完全看不出來解析度的差別 ,圖形壓縮後,除了可以大大提升網頁的讀取效能外,相對的在網頁優化方面也有相當的幫助.
一般使用者遇到讀取過久的網站和會自動撥放音樂的網站特別反感, 一個頁面內有超過30張的照片,要花個超過1分鐘在桌上型的電腦讀取,在行動裝置可能耗費更久,一個讀取超過20秒的頁面,很多使用者可能直接關掉,除非是特別想看的東西,加上行動裝置的記憶體也不像桌機那麼大,讀取到一定的數量可能就會卡住,或直接關閉. 其實這對SEO也會有影響讀過過長.
網頁的傳輸的中佔了65%的資料都是影像方面的圖檔,如果可有效的改善這方面的問題,就能讓你的網頁更加快的顯示.
要怎麼進行照片優化作業,第一個方式就是使用你熟悉的圖形工具(photoshop,lightroom,acdsee,這類都可以),還有另方式小呂比較不推薦 Yahoo和google出的優化圖檔的工具. Yahoo的 Smush.it 和 google出的 WebP
2015/ 4/21 Google將改用新的搜索引擎演算法,如果你的個人網站還沒有mobile-friendly(行動裝置網頁優化) 或者是Responsive web design(自適應網頁設計) 的建議要快歐,可能也會影響到未來SEO的排名
什麼是 Responsive Web Design？
簡單來說，就是讓一個網頁在 PC、Mobile 上都可以有好的瀏覽效果，而這個我們就稱為 Responsive Web Design。
https://www.google.com/webmasters/tools/mobile-friendly
這邊有一些介紹smush.it中文的教學
Smush.it 幫網站圖片批量大瘦身，節省空間流量、加速網頁載入
幸福小鎮-婚禮紀錄 網誌 