以下一組數據，足以說明網頁打開速度的重要性。
網(wang)頁(ye)打開的(de)最(zui)佳速度： 2秒(miao)! 許多(duo)研究都表(biao)明，用戶最(zui)滿(man)意的(de)打開網(wang)頁(ye)時間，是在2秒(miao)以下。
用戶能夠(gou)忍受的(de)最長等(deng)待時(shi)間的(de)中位數，在6～8秒之間。
這就是(shi)說，8秒是(shi)一個臨(lin)界值，如果(guo)你(ni)(ni)的網站打(da)開速度在8秒以上，那么很可能，大部(bu)分(fen)訪問者最終都會(hui)離你(ni)(ni)而(er)去。
研究顯示，如果等(deng)待(dai)12秒以后，網頁還是沒有載入，那(nei)么99%以上的(de)用(yong)戶會關閉(bi)這(zhe)個(ge)網頁，不再等(deng)待(dai)。
但(dan)是，如果在(zai)等待載入期間，網站能夠向用戶(hu)顯示反饋消息，比如一(yi)個進度條，那么用戶(hu)可(ke)以忍受的(de)時間會延長到38秒(miao)。
Google做過(guo)一個試驗，顯示10條搜索結(jie)果(guo)的頁面載入需(xu)要0.4秒(miao)，顯示30條搜索結(jie)果(guo)的頁面載入需(xu)要0.9秒(miao)，結(jie)果(guo)后(hou)者使得Google總的流量和收入減(jian)少了20%。
Google地圖上(shang)線的時候，首(shou)頁大小有100KB，后來下降到70~80KB。結果，流量在第一個(ge)星期(qi)上(shang)升了10%，接下來的3個(ge)星期(qi)又再上(shang)升了25%。
Amazon的統計也顯(xian)示了相(xiang)近的結果，首(shou)頁打(da)開時間(jian)每增加100毫秒(miao)，網站(zhan)銷售量會減少1%。
影響網頁打開速度的因素主要有以下幾個方面：
（1）服務器(qi)(qi)：服務器(qi)(qi)的(de)運(yun)算速度決定，一般的(de)服務器(qi)(qi)都沒(mei)有問題；
（2）服務器帶寬：這個(ge)是很重(zhong)要的(de)因素之一，一個(ge)標(biao)準1U服務器的(de)托管費用，從4000元到數萬(wan)元一年不等，其(qi)中，機房穩定性，帶寬，出口訪問(wen)速度，就是很重(zhong)要的(de)原因，也(ye)是價格區別大的(de)原因。
（3）程(cheng)(cheng)序(xu)語言：程(cheng)(cheng)序(xu)代碼冗余，內容與樣(yang)式沒有分離，不合理腳(jiao)本程(cheng)(cheng)序(xu)，查詢語句，死循(xun)環，程(cheng)(cheng)序(xu)錯誤等都可能導致網頁打開速度慢；
（4）網頁圖片：這個(ge)是非常(chang)重要的一個(ge)原(yuan)因，圖片的數量(liang)多，圖片過大，都會明顯影響網頁打開(kai)速度；
（5）訪問者自(zi)(zi)己的(de)網速（這個問題只有(you)用戶自(zi)(zi)己解(jie)決，我們無(wu)能(neng)為力。）
本文主要講其中最重要的因素之一：圖片影響了網頁打開速度。
問(wen)題分為兩個：（1）哪些因素影響了圖片(pian)的大(da)小(xiao)；（2）哪些方法可以(yi)減小(xiao)圖片(pian)的大(da)小(xiao)。
1、影響圖(tu)片(pian)大小的因素
說明：這里的(de)大(da)小，指的(de)是一張圖(tu)片有多(duo)少KB，而不(bu)(bu)是圖(tu)片的(de)顯(xian)示尺寸（像素）。大(da)家(jia)不(bu)(bu)要混淆(xiao)了。
有多少KB會影響網頁打開(kai)速度，但像素(su)大(da)小與KB大(da)小，并不(bu)成正比。
當訪問(wen)(wen)網頁時(shi)，用(yong)戶(hu)需要下載這個圖片后才(cai)能顯示，所以訪問(wen)(wen)者的網速越(yue)慢，你的圖片KB越(yue)大，打開就越(yue)慢。
（1）圖(tu)片(pian)尺寸(cun)（像(xiang)素）：同(tong)樣(yang)的(de)一張圖(tu)，尺寸(cun)做(zuo)得(de)越大(da)(da)，圖(tu)片(pian)就(jiu)越大(da)(da)，打開就(jiu)越慢；
注：尺寸和像素，都是表達圖片長和寬的單位。
（2）圖片的色彩豐富程度：色彩越(yue)(yue)豐富，顏色越(yue)(yue)多樣，在同樣尺(chi)寸大小(xiao)時，圖片越(yue)(yue)大；
（3）圖片的(de)清晰度：高清，高飽和度的(de)圖片，在同樣尺寸大(da)小時，圖片越大(da)；
（4）圖(tu)片的格式：一般(ban)圖(tu)片格式網頁上常用的有，.jpg .png .gif，
一般情況下，色(se)彩(cai)豐富的(de)(de)圖(tu)，用jpg會(hui)小一些；色(se)彩(cai)單一的(de)(de)圖(tu)用gif，或者png要小一些；
具體操作時，可以(yi)切換圖片格(ge)(ge)式(shi)，選(xuan)擇圖片不失真(zhen)前提下，最小KB的做為圖片使(shi)用格(ge)(ge)式(shi)即可。
我(wo)們知道了影響圖片大小KB的因素，就可以找到將圖片做得(de)更小的方法(fa)。
2、減少圖片(pian)大(da)小KB的方法
思途分別用專業的(de)圖像(xiang)軟件(jian)photoshop 和(he)簡(jian)單的(de)美圖秀秀做示例，希望幫助您快速的(de)減(jian)小(xiao)圖片的(de)大小(xiao)，從(cong)而保(bao)障(zhang)你網頁的(de)打(da)開速度(du)。
（1）用photoshop調(diao)整圖片大小
第(di)1步(bu)，第(di)2步(bu)， 點擊(ji)圖像(xiang)選(xuan)(xuan)項，選(xuan)(xuan)擇圖片大小設置
第3步(bu)(bu)，第4步(bu)(bu)，原始圖片(pian)(pian)是一張高達34.3M的(de)圖片(pian)(pian)，直接(jie)上(shang)傳到(dao)網頁上(shang)肯定是不行(xing)的(de)，我(wo)們根(gen)據圖片(pian)(pian)準備(bei)放到(dao)網頁上(shang)的(de)位(wei)置(zhi)，（該位(wei)置(zhi)有一個程序設計(ji)好的(de)圖片(pian)(pian)最大(da)顯示寬度(du)(du)和(he)高度(du)(du)）將這里的(de)圖片(pian)(pian)像素改為(wei)需要的(de)大(da)小(xiao)。點擊保存。
第5步，建議選擇保存為(wei) WEB 網(wang)頁(ye)所用(yong)格式(shi)，這個格式(shi)可以在網(wang)頁(ye)上(shang)不失真的最大(da)幅度壓(ya)縮圖片大(da)小(xiao)KB 。
第6步，可以切換圖(tu)片(pian)(pian)格式，不同格式可以發現(xian)，下圖(tu)左下角圖(tu)片(pian)(pian)大小的變(bian)化，當前已經為40.41KB（這個(ge)大小是比較適合放(fang)到(dao)網頁上的）
第7步(bu)，可以切換同一格式示，圖(tu)片的清晰度，或者叫質(zhi)量度、飽和(he)度，一般(ban)情況(kuang)下，品質(zhi)在60時(shi)，圖(tu)片不(bu)會明顯的失真(zhen)。
第8步，保存，準備用于網站上傳。
（2）用美圖秀秀調整圖片大小(思途推薦使用)
第(di)1步，第(di)2步，按網頁顯示需要(yao)，調整圖片尺寸
第3步，保存操作
第4步，準備保存圖片
第(di)5步，可以選擇(ze)圖片(pian)格式，美圖秀秀支持，.jpg\.bmp\.png三(san)種(zhong)格式；
第(di)6步(bu)，第(di)7步(bu)，可(ke)(ke)以調整圖像畫質，這里可(ke)(ke)以看到圖片(pian)的(de)大小KB 會跟著變小，你需要選(xuan)擇你顯示的(de)尺寸不失真(zhen)的(de)最小大小就(jiu)行了。
第(di)8步，保存到(dao)(dao)電腦 ，準備(bei)上(shang)傳到(dao)(dao)網站(zhan)上(shang)。
（3）除了美圖(tu)秀秀外(wai)，還有很(hen)多軟(ruan)件(jian)和工具，可以(yi)批量(liang)減(jian)少圖(tu)片(pian)的大小，思途推薦您可以(yi)試(shi)試(shi)使用(yong)。
圖片批量大小處理軟件：//cr2j.cn/peixun/fangfa-136
美圖秀(xiu)秀(xiu)：//xiuxiu.meitu.com/
贊
6
有一點幫助
1
沒有幫助
小米
