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