• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站策劃 >> 網(wǎng)站設(shè)計(jì)策劃性能優(yōu)化提速

網(wǎng)站設(shè)計(jì)策劃性能優(yōu)化提速

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站建設(shè)部 點(diǎn)擊數(shù)： 更新時(shí)間：2009-04-19
• 首先要理解優(yōu)化的對象，弄清楚優(yōu)化的目標(biāo)，才能采取正確的優(yōu)化方法。
  
  1、優(yōu)化對象
  　　web前端！
  　　首先清楚打開一個(gè)網(wǎng)頁要經(jīng)過哪些步驟：
  
  
  　　我們可以看到，主要分為三個(gè)部分：網(wǎng)絡(luò)部分、服務(wù)器端、瀏覽器端
  　　了解了優(yōu)化對象，我們即可以對每部分進(jìn)行優(yōu)化了。
  
  2、優(yōu)化目標(biāo)
  　　時(shí)間-提高速度�。ㄊ滓�目標(biāo)）
  
  3、優(yōu)化方法
  　　分層優(yōu)化！
  
  首先了解需要優(yōu)化的三層的模型：
  
  
  　　關(guān)于該模型的詳細(xì)信息，請參考http://www.w3.org/TR/navigation-timing/ 是全英的，大家可以看一下。
  
  針對網(wǎng)絡(luò)層，優(yōu)化原則為：
  　　1、減少重定向和壞連接
  　　2、精簡⻚頁⾯面靜態(tài)資源的數(shù)量和域名數(shù)量
  　　3、使⽤用緩存
  　　4、謹(jǐn)慎使⽤用Cookie和Https（cookis會(huì)帶很多數(shù)據(jù)到服務(wù)器端，增大流量；https需要多進(jìn)行SSL的請求處理）
  
  針對服務(wù)器層，優(yōu)化原則為：
  　　1、盡早返回首字節(jié)內(nèi)容
  　　2、異步加載頁面底部的html內(nèi)容
  　　3、適量壓縮html并開啟gzip
  
  針對瀏覽器層，優(yōu)化原則為：
  　　1、將CSS放在頁面頂部
  　　2、優(yōu)化CSS和JS的順序
  　　3、控制DOM Tree數(shù)量
  　　4、異步加載部分靜態(tài)資源
  　　5、延遲執(zhí)行
  
  示例：通過下圖，可以清楚看到各個(gè)部分的耗時(shí)情況，可以針對進(jìn)行優(yōu)化（綠色字體為時(shí)間戳）
  
  
  此文為創(chuàng)新互聯(lián)整理發(fā)布，大家可以看《前端性能之精確度量》這個(gè)pdf
  
  推薦文章：
  　　1、web前端頁面性能優(yōu)化總結(jié)
  　　2、匯總Web前端優(yōu)化
• web前端頁面性能優(yōu)化總結(jié) :上一篇
  網(wǎng)頁版面布局的原理與形式 :下一篇