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

”

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

圖片問題

代碼問題

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

服務器問題

一、圖片問題

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

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

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

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

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

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

解析：

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

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

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

二、代碼問題

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

查看源代碼你可能看到：

還有這樣的：

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

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

document.writeln('lalallala');

alert('lalal');

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

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

解析：

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

三、線程問題

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

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

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

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

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

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

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

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

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

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

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

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

例如：

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

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

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

所以，老鄉(xiāng)，雞蛋不要放在一個籃子里嘛!

四、服務器問題

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

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

標題名稱：網站速度打開慢的原因分析
分享鏈接：http://www.bm7419.com/news23/158473.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、建站公司、網站建設、搜索引擎優(yōu)化、網站改版、云服務器

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)