如何處理圖片來提升網頁加載速度

2019-04-13

網頁的加載速度對于網站關鍵詞排名和用戶體驗都非常重要,很多SEO技術人員都在想方設法提高網頁加載速度,但經常會忽略了對圖片的處理來優化網站。

       簡單的理解圖片處理就是通過選擇圖片的類型以及調整圖片大小、對圖片進行壓縮,來減少圖片對網頁加載速度的影響。

  在我們瀏覽一些網站時,發現一些網站加載速度很慢,部分原因是服務器配置不高,還一個主要原因是網站使用的圖片質量過高,導致頁面體積過大。經常看到某個頁面超過10M大小,一張圖片好幾M,加載這張圖片都得一定時間,特別是一些商城網站。如果不能有效修改圖片大小,那么一定會影響用戶體驗。

       那我們該對圖片進行怎樣的操作來提升加載速度?

       不要通過網站后臺來調整圖片大小,大部分網站后臺對圖片的處理只是調整圖片大小,有的也是瞬時進行壓縮,圖片的比例是網站后臺設定好的,但這樣壓縮的圖片比正確壓縮大25%左右,占據了更多的服務器空間。

       對于一些有多張圖片的頁面,那是一定會產生影響,我們應該在圖片上傳之前就進行優化處理。

       第一個是調整圖片大小,調整圖片大小屬于最簡單也是最容易忽略的。舉個例子,正常要上傳的圖片寬度為1000像素,而只需要在網站上顯示500像素寬度,即使在后臺中調整大小,也會要求壓縮整張圖片里的所有信息,這會讓圖片變得更大。

       在上傳之前就修改為要顯示的圖片大小,有些后臺還會進行調整,但保證好初始圖片小是我們可以做到的。

       第二點是選擇合適的圖片格式,網頁主要還是瀏覽效果為重,不能一味的選擇體積小的圖片處理后上傳,很多人沒有處理圖片的經驗,所以在網站這個頁面該使用PNG時使用了JPG的圖片,這是要改正的。

       我們常見的圖片類型有:JPG、PNG、GIF和WEBP,除了部分特殊站點會用到GIF,其他的站點基本都看不到,這里就不多做解釋。

       JPG是最常用的圖片文件格式,可以有極高的壓縮率,但這種壓縮是有損失的,圖片里重或不重要的資料會被修飾,因此容易造成圖像數據損傷,要保持一定的瀏覽效果,圖片壓縮是最好不要低于50%的質量。

      PNG形式的圖片無損壓縮,有著高的壓縮比但不會損失圖片的數據,它利用特殊的編碼方法標記重復出現的數據,對圖片的顏色沒有影響,重復保存也不會降低圖片質量。PNG有24位和8位兩種,要減小圖片大小時,需要8位PNG設置。

       WEBP同時支持有損和無損兩種壓縮方式,相比JPG和PNG更加的優秀和穩定。在相同質量下webp圖片要比JPG圖片的體積小40%,但WEBP格式未能像JPG那樣,得到各種軟硬件的廣泛支持,使用這種格式需謹慎。

       在上傳到網站前對圖片進行有效的處理,可大大減小圖片的體積,這樣網頁加載時需要加載的體積減少,降低加載時間。

杭州壹一信息專注互聯網營銷策劃推廣,SEO優化網站建設萬詞霸屏整合營銷,為廣大企業提供一站式全方位網絡推廣服務! 





全國服務熱線:0571-87998705  
地址:浙江省杭州市 拱墅區(北部軟件園)祥園路39-1號 5F

Copyright © 2015-2019  杭州壹一信息技術有限公司 版權所有 浙ICP備18009611號-1

壹一信息專注互聯網營銷策劃推廣,SEO優化網站建設萬詞霸屏整合網絡營銷,為廣大企業提供一站式全方位網絡推廣服務!

天天中彩票是正规网站 好运彩正规吗 喜迎游戏大厅 118图库管家婆精选 赛车pk10技巧玩法分析 微乐吉林麻将 下载 公开会员内部一波中特 福建36选7开奖时间几点 30选5中奖号码 湖北 北京pk10预测走势 网络棋牌多少钱? 网上有哪些赚钱软件 怎么在网上赚钱 南宁麻将规则怎么算分 中国福利彩票 幸运农场 最新捕鱼游戏手机版 山西天星麻将授权码