好好的日comwww_久久一区免费_男男做性免费视频网_天天干天天草

在網(wǎng)站搭建和不斷維護(hù)的過程中需要與程序猿同學(xué)互相配合開發(fā)，那么到底怎么樣的前段代碼才算規(guī)范，這里給大家一些例子。

1、盡量減少HTTP請求個數(shù)——須權(quán)衡

合并圖片（如csssprites，內(nèi)置圖片使用數(shù)據(jù)）、合并CSS、JS，這一點(diǎn)很重要，但是要考慮合并后的文件體積。

2、根據(jù)域名劃分頁面內(nèi)容減少DNS查找次數(shù)

我們需要權(quán)衡減少DNS查找次數(shù)和保持較高程度并行下載兩者之間的關(guān)系。

理想的方法就是將所有的內(nèi)容資源都放在同一個域(domain)下面，這樣訪問整個網(wǎng)站就只需要進(jìn)行一次dns查找，這樣可以提其他高性能。但理想總歸是理想，上面的理想做法會帶來另外一個問題，就是由于這些資源都在同一個域，而http/1.1中推薦客戶端針對每個域只有一定數(shù)量的并行度（它的建議是2），那么就會出現(xiàn)下載資源時的排隊(duì)現(xiàn)象，這樣就會降低性能。很顯然，是大限度地實(shí)現(xiàn)平行下載。

所以，折衷的做法是：建議在一個網(wǎng)站里面使用至少2個域，但不多于4個域來提供資源。我認(rèn)為這條建議是很合理的，也值得我們在項(xiàng)目實(shí)踐中去應(yīng)用。

3、減少DOM元素個數(shù)

結(jié)構(gòu)合理、語義化、減少代碼，使用更適合或者在語意是更貼切的標(biāo)簽，要考慮大量DOM元素中循環(huán)的性能開銷

4、使用CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）

這里可以關(guān)注CDN的三類實(shí)現(xiàn)：鏡像、高速緩存、專線，以及智能路由器和負(fù)載均衡；

5、避免空的src和href和其他無意義的鏈接

留意具有這兩個屬性的標(biāo)簽如alink，script，img，iframe等；代碼盡量不要出現(xiàn)空鏈接和無意義的鏈接

6、為文件頭指定Expires或Cache-Control，合理使用緩存。

區(qū)分靜態(tài)內(nèi)容和動態(tài)內(nèi)容，避免以后頁面訪問中不必要的HTTP請求。

7、配置ETags

Entitytags（ETags）（實(shí)體標(biāo)簽）是web服務(wù)器和瀏覽器用于判斷瀏覽器緩存中的內(nèi)容和服務(wù)器中的原始內(nèi)容是否匹配的一種機(jī)制（“實(shí)體”就是所說的“內(nèi)容”，包括圖片、腳本、樣式表等），是比last-modifieddate更更加靈活的機(jī)制，單位時間內(nèi)文件被修過多次，Etag可以綜合Inode(文件的索引節(jié)點(diǎn)(inode)數(shù))，MTime(修改時間)和Size來精準(zhǔn)的進(jìn)行判斷，避開UNIX記錄MTime只能到秒的問題。服務(wù)器集群使用，可取后兩個參數(shù)。使用ETags減少Web應(yīng)用帶寬和負(fù)載。zhanzhang.baidu.com/college/articleinfo?id=487

8、使用gzip壓縮內(nèi)容

Gzip壓縮所有可能的文件類型以來減少文件體積

9、把CSS放到頂部

實(shí)現(xiàn)頁面有秩序地加載，這對于擁有較多內(nèi)容的頁面和網(wǎng)速較慢的用戶來說更為重要，同時，HTML規(guī)范清楚指出樣式表要放包含在頁面的區(qū)域內(nèi)；

10、把JS放到底部

HTTP/1.1規(guī)范建議，瀏覽器每個主機(jī)名的并行下載內(nèi)容不超過兩個，而問題在于腳本阻止了頁面的平行下載，即便是主機(jī)名不相同

11、避免使用CSS表達(dá)式

CSS表達(dá)式是動態(tài)設(shè)置CSS屬性的一種方法。這個過程非常耗時，因?yàn)槊看尉W(wǎng)頁展示，滾動或者調(diào)整大小，抑或者用戶移動鼠標(biāo)時，表達(dá)式都會被解析。即使網(wǎng)頁已經(jīng)加載完畢，代碼被重新解析的需求也會大大降低頁面的速度，這樣就會直接影響網(wǎng)站的用戶體驗(yàn)。移除所有的表達(dá)式會整體上提高網(wǎng)頁的性能。

12、避免錯誤跳轉(zhuǎn)

為了確?！昂笸恕卑粹o可以正確地使用，使用標(biāo)準(zhǔn)的3.XXHTTP狀態(tài)代碼；同域中注意避免反斜杠“/”的跳轉(zhuǎn)；跨域使用Alias或者mod_rewirte建立CNAME（保存一個域名和另外一個域名之間關(guān)系的DNS記錄）

13、使AJAX可緩存使用GET來完成AJAX請求

利用時間戳，更精巧的實(shí)現(xiàn)響應(yīng)可緩存與服務(wù)器數(shù)據(jù)同步更新。當(dāng)使用XMLHttpRequest時，瀏覽器中的POST方法是一個“兩步走”的過程：首先發(fā)送文件頭，然后才發(fā)送數(shù)據(jù)。在url小于2K時使用GET獲取數(shù)據(jù)時更加有意義。

14、盡早刷新輸出緩沖

尤其對于css，js文件的并行下載更有意義

SEO前段規(guī)范

15、延遲加載和預(yù)加載

確定頁面運(yùn)行正常后，再加載腳本來實(shí)現(xiàn)如拖放和動畫，或者是隱藏部分的內(nèi)容以及折疊內(nèi)容等。延時加載時核心內(nèi)容需要代碼可見，尤其是資源url。關(guān)注下無條件加載，有條件加載和有預(yù)期的加載。

16、精簡代碼

對于一個網(wǎng)站文件大小應(yīng)該有限制。百度建議HTML文件不要超過128KB。Goolgle及時建議文件限制在100KB以下，頁面上連接數(shù)在100個以下。常見的精簡代碼如下：

1)使用css定義字體、顏色、尺寸及頁面排版。有很多網(wǎng)站使用css，又在課件文字部分使用style或font再定義一遍字體、尺寸等，這完全是冗余的。

2)使用外部文件Css和js采取外部調(diào)取方式。

3)減少或刪除代碼中的注釋。

4)減少使用嵌套表格。

5)導(dǎo)航中使用文字連接，不適使用JS或是flash。

6)使用文字而不是flash、圖片、Javascript等來顯示重要的內(nèi)容或鏈接。

7)如果必須使用Flash制作網(wǎng)頁，建議同時制作一個供搜索引擎收錄的文字版，并在首頁使用文本鏈接指向文字版。

8)Ajax等搜索引擎不能識別的技術(shù)，只用在需要用戶交互的地方，不把希望搜索引擎“看”到的導(dǎo)航及正文內(nèi)容放到Ajax中。

不使用frame和iframe框架結(jié)構(gòu)，通過iframe顯示的內(nèi)容可能會被百度丟棄。

17、符合w3c標(biāo)準(zhǔn)

1)停止使用Xhtml廢棄的元素，Xhtml代碼需要全部小寫

2)所有圖片必須包含alt屬性

3)所有標(biāo)簽必須關(guān)閉

4)所有的標(biāo)簽屬性必須在引號內(nèi)

5)所有的特殊字符必須要編碼

18、語義標(biāo)記

1)合理使用H1-H6標(biāo)簽，h1標(biāo)簽一個網(wǎng)頁多只出現(xiàn)一次，表示當(dāng)前網(wǎng)頁核心內(nèi)容，盡量不要跟其他網(wǎng)頁重復(fù)。h2標(biāo)簽可以出現(xiàn)多個，可是是網(wǎng)頁的小標(biāo)題，代表不同模塊的內(nèi)容。

2)加粗使用strong和em

3)css標(biāo)記盡量包含語義，比如headerfootnavsidebar等

4)盡量不使用圖片熱點(diǎn)鏈接，一定要使用也要增加對應(yīng)的文字鏈接

19、搜索引擎作弊規(guī)避

1)禁止css中使用display:none隱藏文本和鏈接

2)交互設(shè)計(jì)中隱藏文本和鏈接要確保使用動態(tài)技術(shù)（例如js）后內(nèi)容仍然代碼可見。

3)不要使用和背景色相同的文本和鏈接

4)不使用js制作網(wǎng)站導(dǎo)航和目錄

5)頁面不存在大量重復(fù)的titilekeywordsdescription

20、避免蜘蛛陷阱

1)Flash

網(wǎng)頁中的某一小部分使用flash增強(qiáng)視覺效果沒問題，但是盡量避免首頁只有一個大的flash文件，如果flash效果是必須的話需要在首頁加上一個通往html版本的鏈接（此鏈接在flash文件之外的html代碼中）。

2)SessionID

通常建議跟蹤用戶訪問應(yīng)該使用cookies而不要生成SessionID。或者程序判斷是搜索引擎蜘蛛還是普通用戶，如果是搜索引擎蜘蛛，則不生成SessioID。

3)各種各樣跳轉(zhuǎn)

301轉(zhuǎn)向：搜索引擎推薦的，用于網(wǎng)址URL更改的轉(zhuǎn)向，可以將權(quán)重從舊網(wǎng)址轉(zhuǎn)移到新網(wǎng)址。

盡量避免使用除301之外的其他跳轉(zhuǎn)或轉(zhuǎn)向（meta刷新、js跳轉(zhuǎn)、flash跳轉(zhuǎn)等），非要使用其他轉(zhuǎn)向的時候，跳轉(zhuǎn)時間應(yīng)該設(shè)置得長一點(diǎn)，而不能設(shè)置為零?？蚣芙Y(jié)構(gòu)慎重使用，和flash一樣盡量不用。

4)動態(tài)URL

盡量避免動態(tài)URL，生成靜態(tài)URL，至少是偽靜態(tài)。

5)JS鏈接

網(wǎng)站上必須使用用簡單標(biāo)準(zhǔn)的HTML鏈接，尤其是導(dǎo)航系統(tǒng)?？梢允褂肅SS替換。

6)要求登錄

用戶后臺部分，可以使用要求登錄功能避免蜘蛛的抓取。

7)強(qiáng)制使用Cookies

搜索引擎蜘蛛相當(dāng)于一個禁用了Cookies的瀏覽器，盡量避免強(qiáng)制使用Cookies造成蜘蛛的無法訪問。