[北京網(wǎng)站制作]高性能web開發(fā)之網(wǎng)絡(luò)傳輸環(huán)節(jié)
高性能web開發(fā)之網(wǎng)絡(luò)傳輸環(huán)節(jié)
1.減少請求數(shù).
◆ 緩存,使用Expires 等設(shè)置過期時間;如果內(nèi)容沒有過期就不發(fā)送請求
◆ 合并小體積內(nèi)容,例如吧數(shù)量眾多的小圖片放在一個圖片,之后用css部分呈現(xiàn)(大體積的內(nèi)容就別合并了)
◆ 延遲加載;部分內(nèi)容,例如圖片在頁面呈現(xiàn)的時候才加載 (常用的就是滾動條到了以后才加載);減少不必要的請求
◆ 合并重復(fù)內(nèi)容和文件
◆ 考慮使用第三方CDN資源,例如jQuery有免費(fèi)的CDN,有些用戶已經(jīng)在其他網(wǎng)站訪問過該內(nèi)容了,那么到我們的網(wǎng)站加載就更快了 (而且使用CDN降低對我們服務(wù)器的壓力)
◆ 使用HTML 5 中的Local Storage等保存數(shù)據(jù)
2.減少響應(yīng)內(nèi)容的體積.
◆ 適當(dāng)?shù)臅r候只返回響應(yīng)頭304 (HTTP緩存,如ETag等)
◆ 使用Gzip等壓縮文件內(nèi)容
◆ 使用免費(fèi)的第三方工具,壓縮css,js和html等文件的大小 (例如我們常見的 jquery.min.js)
◆ 適當(dāng)使用Ajax操作
◆ 在適當(dāng)?shù)臅r候,將樣式,HTML和數(shù)據(jù)分離 (數(shù)據(jù)量很大的時候極大減小文件體積)
- <ul id="id">
- <li style="一大堆的樣式">數(shù)據(jù) </li>
- <li style="一大堆的樣式">數(shù)據(jù) </li>
- <li style="一大堆的樣式">數(shù)據(jù) </li>
- </ul>
- 分成HTML 樣式 和數(shù)據(jù)3部分
- HTML
- <ul id="id">
- <li></li>
- <!-- 如果使用數(shù)據(jù)模板等方式 只需要保留一個Li 否則需要多個 -->
- </ul>
樣式保存在CSS文件中一些基本的小常識 雖然有很多個li 不用給每個li指定class
數(shù)據(jù)
◆ 使用JSON返回 (如果覺得麻煩也可以嵌入在頁面中)
◆ 選擇體積更小的數(shù)據(jù)格式,例如JSON一般就比XML體積來的小 (都經(jīng)過壓縮以后還是更小)
◆ 在設(shè)計上,只傳送變化的部分?jǐn)?shù)據(jù) (例如要獲取100條數(shù)據(jù),可能已經(jīng)加載了90條,那么再加載10條就好了)
◆ 移除請求和響應(yīng)中不必要的HTTP Header (例如WCF Restful service中有的時候要傳遞表明當(dāng)前數(shù)據(jù)是JSON還是XML的HTTP Header)
◆ 部分功能,如壓縮會消耗CPU, 如ajax等會增加開發(fā)工作量,請謹(jǐn)慎選擇
3.增加請求并發(fā)數(shù).
◆ RFC中,瀏覽器對于同一個域名下的資源只能使用2個線程同時進(jìn)行訪問(很多新的瀏覽器支持6個或者更多);解決方法是使用子域名,例如1.abc.com 2.abc.com
- <img src ="1.abc.com/1.png" />
- <img src ="1.abc.com/2.png" />
- <img src ="2.abc.com/3.png" />
- <img src ="2.abc.com/4.png" />
- <img src ="3.abc.com/5.png" />
- <img src ="3.abc.com/6.png" />
- <img src ="4.abc.com/7.png" />
- <img src ="4.abc.com/8.png" />
◆ 將一個超大的文件(例如有些人喜歡吧整個網(wǎng)站的js都放在一個文件)拆成一系列的中小文件 (有利于并發(fā)加載和緩存!)這個文件大小的Size選擇很重要 我個人建議是10k-200k (依賴于網(wǎng)絡(luò))
◆ 上一條并沒有和1-2沖突,文件太小太多也不行,文件太少太大也不行,這是一個平衡的問題
◆ 通過分拆文件,使得最常用頁面(例如首頁)的加載速度變快了
◆ 控制加載順序,例如先加載頁面大體結(jié)構(gòu),然后多個javascript異步請求加載數(shù)據(jù)(把一個大的html變?yōu)槎鄠€小的html片段)
4.其他特殊技術(shù).
◆ 利用HTTP 1.1的長連接特性,使得在一定程度上,服務(wù)器可以主動推送數(shù)據(jù)(減少了很多不必要的輪詢)
5.工具.
◆ Fiddler (Free)
◆ FireDebug (Free)
◆ HttpWatch
部分內(nèi)容引用自MSDN和其他第三方文章..
標(biāo)簽:北京網(wǎng)站制作 高端網(wǎng)站建設(shè)
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
局域網(wǎng)的構(gòu)成及特點是什么
1.局域網(wǎng) 局域網(wǎng)指在一定區(qū)域內(nèi)由多臺計算機(jī)近距離互連在一起的計...
2014-06-28 -
網(wǎng)站制作需要跟專業(yè)設(shè)計師合作嗎?
因為現(xiàn)在的網(wǎng)站制作有對應(yīng)的小程序或者是軟件,所以很多公司和品牌在需要進(jìn)...
2022-10-10 -
科研院所網(wǎng)站建設(shè)的效率會高嗎?
不得不說現(xiàn)在互聯(lián)網(wǎng)的使用頻率極高,在很多行業(yè)都被穩(wěn)定的使用,而且也是可...
2023-02-22 -
石家莊網(wǎng)站建設(shè)如何讓網(wǎng)站盈利?
首先,謹(jǐn)慎,不要盲目獲得流量。石家莊網(wǎng)站建設(shè)中很多客戶使用流量軟件和流...
2022-01-26 -
傳玩拍網(wǎng)將為團(tuán)寶網(wǎng)注資化解危局
2月2日消息 由于資金鏈斷裂,團(tuán)寶網(wǎng)出現(xiàn)拖欠商家貨款及員工工資的現(xiàn)象,...
2012-02-03 -
建設(shè)企業(yè)網(wǎng)站如何才能找一家靠譜的網(wǎng)建公司
當(dāng)你們中的一個人想找一家網(wǎng)站建設(shè)公司來建立一個企業(yè)網(wǎng)站時,有一些問題需...
2020-05-14
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com