建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹網(wǎng)站構(gòu)建的黃金守則有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
1、盡量減少HTTP請(qǐng)求
當(dāng)用戶載入你的頁(yè)面時(shí)候，有80%的時(shí)間是用來(lái)下載頁(yè)面里各個(gè)項(xiàng)目，包括圖片、樣式、腳本、FLash等。所以減少HTTP請(qǐng)求就可以提高響應(yīng)速度。例如：baidu、google，就一個(gè)條條在那里......
像大家都知道的合并文件，CSS Sprite等，我想說(shuō)的是：并不是一味的追求減少請(qǐng)求，而是要權(quán)衡這么做之后，對(duì)于其他因素的影響。
合并文件：耦合大，無(wú)法一眼辨別各個(gè)功能模塊。
CSS Sprite：大量整合的圖片對(duì)于改版這樣的維護(hù)，難度會(huì)幾何增長(zhǎng)。
另外超大的整合圖片下載完之前，用到它的地方都會(huì)不顯示。
2、減少DNS查找次數(shù)
每一個(gè)獨(dú)立域名都會(huì)有一個(gè)對(duì)應(yīng)的IP地址，也就是說(shuō)，當(dāng)你輸入www.baidu.com時(shí)候，服務(wù)器不會(huì)知道你要找的是“baidu”，而是解析成對(duì)應(yīng)的IP地址，然后再訪問(wèn)。類似你查找電話本一樣，這個(gè)解析的過(guò)程，瀏覽器就在那傻等著，一般會(huì)花費(fèi)20到120毫秒時(shí)間。
DNS查找次數(shù)也就是你下載CSS、JS、圖片等所訪問(wèn)的不同域名的總數(shù)，包括子域名。和主域名不同的外域名會(huì)消耗更多的時(shí)間。
解決辦法：CSS去解決一些圖片樣式，及JS動(dòng)畫（CSS3的NB地方）。
將可移植的外域資源放在子域名下。
3、避免跳轉(zhuǎn)
跳轉(zhuǎn)是使用301和302代碼實(shí)現(xiàn)的，例如下面的HTTP請(qǐng)求頭中：
HTTP/1.1 301 Moved Permanently
Location: http://example.com/newuri
Content-Type: text/html
瀏覽器會(huì)把用戶指向到Location中指定的URL下，其中如需緩存需要指定Expires或Cache-Control
雖然JS可以實(shí)現(xiàn)跳轉(zhuǎn)，但是為了保證后退按鈕好使，還是老實(shí)用3XX狀態(tài)碼這種方式。
這一部分好像對(duì)純前端沒啥關(guān)系或是接觸不太多，但是為了成長(zhǎng)成真正NB的前端，早晚這些都得掌握。
4、可緩存AJAX
緩存對(duì)于用戶來(lái)說(shuō)的意義大家都懂的，所以ajax里必然少不了緩存的功能。
但我想說(shuō)的是要根據(jù)需求來(lái)確定是否緩存。
其中IE自動(dòng)添加緩存，而chrome卻不是。
下面羅列一下常用清除緩存的辦法：
在服務(wù)器端header("Cache-Control:no-cache,must-revalidate");
在ajax發(fā)送請(qǐng)求前加上xmlhttpObj.setRequestHeader("If-Modified-Since","0");
在ajax發(fā)送請(qǐng)求前加上xmlhttpObj.setRequestHeader("Cache-Control","no-cache");
再ajax的URL參數(shù)后面加上?t="Math.random()";
5、推遲加載內(nèi)容
網(wǎng)頁(yè)的表現(xiàn)和行為要分開，先表現(xiàn)，后行為。所以，第一要?jiǎng)?wù)是迅速將頁(yè)面呈現(xiàn)出來(lái)，然后一些必要的功能交互，再然后是一些動(dòng)畫或是提升體驗(yàn)的花哨效果。
6、預(yù)加載
預(yù)加載的目標(biāo)：利用異步或是瀏覽器空閑時(shí)間，加載即將使用到的內(nèi)容，達(dá)到迅速響應(yīng)用戶操作的目的。
例如：
頁(yè)游中，空閑時(shí)間加載下一場(chǎng)景的所需圖片。
頁(yè)面中的JS，利用img對(duì)象預(yù)加載js，然后按需執(zhí)行。
7、減少DOM元素個(gè)數(shù)
一個(gè)復(fù)雜的頁(yè)面意味著需要下載更多數(shù)據(jù)，同時(shí)也意味著JavaScript遍歷DOM的效率越慢。
解決辦法：深入理解各個(gè)標(biāo)簽的語(yǔ)義，減少為了布局而大量羅列的DIV。
8、根據(jù)域名劃分頁(yè)面內(nèi)容
一個(gè)頁(yè)面加載的時(shí)候會(huì)下載很多外部資源，例如CSS、JS、IMG等，然而把他們或按分類，分布在不同的子域名下會(huì)提高DNS并行的下載效率。
因?yàn)闉g覽器所允許的最多連接數(shù)和每個(gè)服務(wù)器所允許的較大連接數(shù)是有一定限制的
9、避免404
HTTP的消耗是巨大，讓它來(lái)請(qǐng)求一個(gè)響應(yīng)一個(gè)404是完全沒有必要的。
例外，對(duì)站點(diǎn)的SEO也不利，有些網(wǎng)站的rabots.txt即使沒有限制，也應(yīng)該上傳一個(gè)空文件，如果沒有，會(huì)讓引擎爬蟲記錄下你站點(diǎn)的一個(gè)404，從而降低你站點(diǎn)的權(quán)重。
以上是“網(wǎng)站構(gòu)建的黃金守則有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
當(dāng)前題目：網(wǎng)站構(gòu)建的黃金守則有哪些-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://www.dlmjj.cn/article/docdcd.html
