2022-05-25 分類: 網(wǎng)站建設(shè)
”
網(wǎng)站打開速度過慢無外乎這幾個問題:
圖片問題
代碼問題
線程問題(客戶端瀏覽器高同時加載數(shù))
服務(wù)器問題
一、圖片問題
現(xiàn)在很多信息流廣告的LP(落地頁),都是設(shè)計成圖片的形式然后切圖排版,但是會出現(xiàn)加載過于緩慢的問題,解決方法如下:
1. 控制單張圖片大小在200kb以內(nèi)(根據(jù)服務(wù)器帶寬可適當(dāng)大一些);
2. 非透明背景圖片格式均修改為.jpg ;
3. .jpg圖片品質(zhì)控制在60左右(PhothShop打開-另存為web格式);
4. 加載圖片方式選擇連續(xù)而不是優(yōu)化 (連續(xù):以多線程方式下載)
5. 有條件的小伙伴可以使用CDN靜態(tài)資源加速,可以很只管看到解決效果。
解析:
將圖片大小控制在服務(wù)器帶寬加載速度以內(nèi),如:
1Mbps=1024Kbps=1024/8KBps=128KB/s
同時,控制加載方式為連續(xù)的好處為:圖片整體顯示,以不清晰的方式慢慢變清晰!
二、代碼問題
代碼問題也是比較常見的問題,很多技術(shù)同學(xué),為了達到運營同學(xué)要的效果(不擇手段!)也是沒有辦法,
查看源代碼你可能看到:
還有這樣的:
看得懂代碼的小伙伴,你知道什么問題嗎?
1. 阻塞進程-未加載完成之前,不加載之后的內(nèi)容;
document.writeln('lalallala');
alert('lalal');
2. 引用資源順序不對,例如:jQuery沒有在引用的腳本之前加載,會導(dǎo)致錯誤;
3. 引用資源地址錯誤/資源服務(wù)器過于緩慢;
解析:
在這里,我很嚴肅的規(guī)勸大家,代碼規(guī)范以及減少阻塞的方法應(yīng)該都是咱們的基礎(chǔ)必修課,并且規(guī)范起來,對后期代碼維護都是很有幫助的!
三、線程問題
這個東西是我肯可以先來看一下基本概念:
當(dāng)我們在瀏覽網(wǎng)頁的時候,對瀏覽速度有一個重要的影響因素,就是瀏覽器的 并發(fā)數(shù)量 。
并發(fā)數(shù)量簡單通俗的講就是,當(dāng)瀏覽器網(wǎng)頁的時候同時工作的進行數(shù)量。
如果同時只有2個并發(fā)連接數(shù)數(shù)量,那網(wǎng)頁打開的時候只能依賴于這2條線程,前面如果有打開慢的內(nèi)容,就會直接影響到后面的內(nèi)容打開。
但是如果同時有更多的并發(fā)連接數(shù),這樣就會大大的提高網(wǎng)頁加載速度。 瀏覽器的并發(fā)連接數(shù)也并非越大越好 。
下表概括了基于主機上運行的IE瀏覽器的版本的大并發(fā)連接數(shù)、主機的連接速度和服務(wù)器的受支持的協(xié)議版本。
看到這里,你發(fā)現(xiàn)一個問題沒有,是不是發(fā)覺你平時使用 谷歌 還有 火狐 打開速度都很快?
是的,谷歌因為針對客戶端開放的線程是最多的(最新版為6-10條),高不超過10線程.
所以你懂的,快的是谷歌,但是不一定是高就,但是就目前的硬件水平,高就是的這句話沒毛病!
瀏覽器引擎在加載資源的同時會監(jiān)測統(tǒng)一主域(同一域名)下的資源有多少,并且 高不超過瀏覽器線程的情況下 同時加載。
那么如果當(dāng)其中一個主域的進程(線程)被阻塞了,加載速度肯定就慢下來了,所以我在這里建議大家:
在加載資源的時候一定不要把所有的資源(img、js、css、fonts)放在同一主域下,可以根據(jù)資源類型建立不同的二級域名。
例如:
imgs.youdomain.site、js.yourdomain.site、css.yourdomain.stie
這樣不就把你的資源分開了嗎?
哪怕其中一個主域阻塞,也是不影響其他的主域同時加載,速度嗖的一下就上來了!
所以,老鄉(xiāng),雞蛋不要放在一個籃子里嘛!
四、服務(wù)器問題
服務(wù)器,一般網(wǎng)站買不起服務(wù)器,就是網(wǎng)站空間即虛擬主機,虛擬主機價格也有高低,價格高的其分配的流量、硬件配置、連接數(shù)、容量都會更高
所以千萬不要敏感與空間價格,一分錢一分貨,幾百元的空間也就是幾百元的性能,如果有條件能購買一上千元一年的虛擬主機空間用于企業(yè)網(wǎng)站運行還是可以的了。
標(biāo)題名稱:網(wǎng)站速度打開慢的原因分析
分享鏈接:http://jinyejixie.com/news23/158473.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、建站公司、網(wǎng)站建設(shè)、搜索引擎優(yōu)化、網(wǎng)站改版、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容