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

　　1、盡量減少HTTP請求：作為第一條，可能也是最重要的一條。根據(jù) Yahoo！ 研究團隊的數(shù)據(jù)分析，有很大一部分用戶訪問會因為這一條而取得最大受益。

　　2、 減少DOM元素數(shù)量。

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

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

　　5、延遲載入組件。

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

　　7、預載入組件。

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

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

　　10、杜絕 http 404 錯誤：對頁面鏈接的充分測試加上對 Web 服務器 error 日志的不斷跟蹤能有效減少 404 錯誤，亦能提升用戶體驗。值得一提的是，CSS 與 Java Script 引起的 404 錯誤因為定位稍稍”難”一點而往往容易被忽略。

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