| 隨著客戶對(duì)用戶體驗(yàn)的要求越來(lái)越高，網(wǎng)頁(yè)代碼優(yōu)化已經(jīng)成為我們的必修課。良好的優(yōu)化效果將大大減小網(wǎng)頁(yè)大小，增加用戶體驗(yàn)。
代碼優(yōu)化1：清除頁(yè)面中的多余空間。由于個(gè)人寫作習(xí)慣的不同，在制作網(wǎng)頁(yè)的過程中總會(huì)有大量的空間，這大大提高了網(wǎng)頁(yè)的體積。一般來(lái)說，對(duì)于一個(gè)100kb大小的頁(yè)面，空間占用的空間約為15KB。也就是說，我們可以通過刪除空間將頁(yè)面大小縮小15%，這對(duì)于網(wǎng)頁(yè)的打開速度無(wú)疑是非常有幫助的。
代碼優(yōu)化2：多使用div+CSS布局網(wǎng)頁(yè)�，F(xiàn)在仍然有很多站長(zhǎng)在制作網(wǎng)站時(shí)使用表格布局，這可能考慮到網(wǎng)頁(yè)的兼容性和布局的簡(jiǎn)單性。但是表格布局的缺點(diǎn)是顯而易見的。表格布局會(huì)大大增加網(wǎng)頁(yè)的體積，尤其是多層表格的嵌套。當(dāng)搜索引擎讀取頁(yè)面時(shí)，它很可能會(huì)放棄對(duì)網(wǎng)頁(yè)的爬網(wǎng)，因?yàn)橛刑嗟那短讓�。因此，代碼越簡(jiǎn)潔div+CSS布局越有效。
代碼優(yōu)化3：減少網(wǎng)頁(yè)對(duì)JavaScript的依賴。JavaScript對(duì)搜索引擎非常不友好。網(wǎng)頁(yè)中大量的JavaScript會(huì)增加網(wǎng)頁(yè)的容量，特別是在制作導(dǎo)航欄的過程中，盡量采用div+CSS的設(shè)計(jì)方法。
代碼優(yōu)化4：盡量不要使用嵌入式CSS。嵌入式CSS可以分為頭部區(qū)域的普通嵌入式CSS和標(biāo)簽中的內(nèi)嵌CSS。它們中的任何一個(gè)都會(huì)增加頁(yè)面的音量，嘗試使用過時(shí)的CSS來(lái)減小網(wǎng)頁(yè)的大小。
代碼優(yōu)化5：將HTML控制模式轉(zhuǎn)換為CSS控制模式。許多網(wǎng)站管理員習(xí)慣于控制標(biāo)簽內(nèi)的內(nèi)容。例如，IMG標(biāo)記使用寬度和高度來(lái)控制圖像的大小，嘗試將這些代碼轉(zhuǎn)換為外部CSS，使web代碼更簡(jiǎn)潔。
代碼優(yōu)化6：網(wǎng)頁(yè)的gzip壓縮。此功能需要服務(wù)器控件的支持，Gzip壓縮可以將網(wǎng)頁(yè)壓縮30%-80%，這是最重要的效果。 |
