網站速度打開慢的原因分析

”

　　網站打開速度過慢無外乎這幾個問題：

　　圖片問題

　　代碼問題

　　線程問題(客戶端瀏覽器最高同時加載數)

　　服務器問題

　　一、圖片問題

　　現在很多信息流廣告的LP(落地頁)，都是設計成圖片的形式然后切圖排版，但是會出現加載過于緩慢的問題，解決方法如下：

　　1. 控制單張圖片大小在200kb以內(根據服務器帶寬可適當大一些);

　　2. 非透明背景圖片格式均修改為.jpg ;

　　3. .jpg圖片品質控制在60左右(PhothShop打開-另存為web格式);

　　4. 加載圖片方式選擇連續而不是優化 (連續：以多線程方式下載)

　　5. 有條件的小伙伴可以使用CDN靜態資源加速，可以很只管看到解決效果。

　　解析：

　　將圖片大小控制在服務器帶寬加載速度以內，如:

　　1Mbps=1024Kbps=1024/8KBps=128KB/s

　　同時，控制加載方式為連續的好處為：圖片整體顯示，以不清晰的方式慢慢變清晰!

　　二、代碼問題

　　代碼問題也是比較常見的問題，很多技術同學，為了達到運營同學要的效果(不擇手段!)也是沒有辦法，

　　查看源代碼你可能看到：

　　還有這樣的：

　　看得懂代碼的小伙伴，你知道什么問題嗎?

　　1. 阻塞進程-未加載完成之前，不加載之后的內容;

　　document.writeln('lalallala');

　　alert('lalal');

　　2. 引用資源順序不對，例如：jQuery沒有在引用的腳本之前加載，會導致錯誤;

　　3. 引用資源地址錯誤/資源服務器過于緩慢;

　　解析：

　　在這里，我很嚴肅的規勸大家，代碼規范以及減少阻塞的方法應該都是咱們的基礎必修課，并且規范起來，對后期代碼維護都是很有幫助的!

　　三、線程問題

　　這個東西是我肯可以先來看一下基本概念：

　　當我們在瀏覽網頁的時候，對瀏覽速度有一個重要的影響因素，就是瀏覽器的 并發數量 。

　　并發數量簡單通俗的講就是，當瀏覽器網頁的時候同時工作的進行數量。

　　如果同時只有2個并發連接數數量，那網頁打開的時候只能依賴于這2條線程，前面如果有打開慢的內容，就會直接影響到后面的內容打開。

　　但是如果同時有更多的并發連接數，這樣就會大大的提高網頁加載速度。 瀏覽器的并發連接數也并非越大越好 。

　　下表概括了基于主機上運行的IE瀏覽器的版本的最大并發連接數、主機的連接速度和服務器的受支持的協議版本。

　　看到這里，你發現一個問題沒有，是不是發覺你平時使用 谷歌 還有 火狐 打開速度都很快?

　　是的，谷歌因為針對客戶端開放的線程是最多的(最新版為6-10條)，最高不超過10線程.

　　所以你懂的，最快的是谷歌，但是不一定是最高就最好，但是就目前的硬件水平，最高就是最好的這句話沒毛病!

　　瀏覽器引擎在加載資源的同時會監測統一主域(同一域名)下的資源有多少，并且 最高不超過瀏覽器線程的情況下 同時加載。

　　那么如果當其中一個主域的進程(線程)被阻塞了，加載速度肯定就慢下來了，所以我在這里建議大家：

　　在加載資源的時候一定不要把所有的資源(img、js、css、fonts)放在同一主域下，可以根據資源類型建立不同的二級域名。

　　例如：

　　imgs.youdomain.site、js.yourdomain.site、css.yourdomain.stie

　　這樣不就把你的資源分開了嗎?

　　哪怕其中一個主域阻塞，也是不影響其他的主域同時加載，速度嗖的一下就上來了!

　　所以，老鄉，雞蛋不要放在一個籃子里嘛!

　　四、服務器問題

　　服務器，一般網站買不起服務器，就是網站空間即虛擬主機，虛擬主機價格也有高低，價格高的其分配的流量、硬件配置、連接數、容量都會更高

　　所以千萬不要敏感與空間價格，一分錢一分貨，幾百元的空間也就是幾百元的性能，如果有條件能購買一上千元一年的虛擬主機空間用于企業網站運行還是可以的了。