其實(shí)做Web前端是有很多優(yōu)化規(guī)則的，由于一次性在文章中體現(xiàn)得很難面面俱到的，所以北京匯仁智杰網(wǎng)站推廣公司決定根據(jù)自己的工作經(jīng)驗(yàn)分開為大家進(jìn)行介紹，今天介紹的是Web前端中內(nèi)容優(yōu)化的規(guī)則。

　　1、盡量減少HTTP請(qǐng)求：作為第一條，可能也是最重要的一條。根據(jù) Yahoo！ 研究團(tuán)隊(duì)的數(shù)據(jù)分析，有很大一部分用戶訪問會(huì)因?yàn)檫@一條而取得最大受益。

　　2、 減少DOM元素?cái)?shù)量。

　　3、減少DNS查找：必須明確的一點(diǎn)，DNS 查找的開銷是很大的。對(duì)于國內(nèi)站點(diǎn)來說，如果過多的使用了站外的 Widget ，也很容易引起過多的DNS查找問題。

　　4、避免重定向：不是絕對(duì)的避免，盡量減少。另外，應(yīng)該注意一些不必要的重定向。比如對(duì) Web 站點(diǎn)子目錄的后面添加個(gè) / (Slash) ，就能有效避免一次重定向。http://www。dbanotes。net/arch 與 http://www。dbanotes。net/arch/ 二者之間是有差異的。如果是 Apache 服務(wù)器，通過配置 Alias 或mod_rewrite 或是 DirectorySlash 能夠消除這個(gè)問題。

　　5、延遲載入組件。

　　6、使用Ajax 可緩存：響應(yīng)時(shí)間對(duì) Ajax 來說至關(guān)重要，否則用戶體驗(yàn)絕對(duì)好不到哪里去。提高響應(yīng)時(shí)間的有效手段就是 Cache 。其它的一些優(yōu)化規(guī)則對(duì)這一條也是有效的。

　　7、預(yù)載入組件。

　　8、最小化 iframe 的數(shù)量：熟悉SEO的朋友知道 iframe 是SEO的大忌。針對(duì)前端優(yōu)化來說 iframe 有其好處，也有其弊端，一分為二看問題吧。

　　9、切分組件到多個(gè)域：主要的目的是提高頁面組件并行下載能力。但不要跨太多域名，否則就和第二條有些沖突了。

　　10、杜絕 http 404 錯(cuò)誤：對(duì)頁面鏈接的充分測(cè)試加上對(duì) Web 服務(wù)器 error 日志的不斷跟蹤能有效減少 404 錯(cuò)誤，亦能提升用戶體驗(yàn)。值得一提的是，CSS 與 Java Script 引起的 404 錯(cuò)誤因?yàn)槎ㄎ簧陨?rdquo;難”一點(diǎn)而往往容易被忽略。

　　不知道看完以上總結(jié)之后大家對(duì)Web前端內(nèi)容優(yōu)化規(guī)則有沒有一點(diǎn)的了解，如果您還是存在疑問，可以通過微信huirenzhijie跟我們討論。