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