pc端頁面優化

一.頁面優化常用工具
二.網站優化包含什么?
三. 頁面優化主要方面

網站速度慢的原因?
1.網站慢的因素很多,
2.不同瀏覽器原因-客觀
3.DNS原因-客觀
4.地域問題-客觀
5.頁面html結構和布局 6. 圖片太多,太胖
7.http請求數太多
8.JavaScript太肥
9.服務端處理太慢
10.網絡原因
......

可用到的工具
-Firebug + Yslow + pagespeed
-Webpage test www.webpagetest.org
-DynaTrace 查看javascript,cpu占用等
-Firebug net Panel
-Chrome Developer Tools
-IE9開發者工具
-HTTPwatch

頁面優化
1.減少HTTP請求數
2.減少交互通信量
3.合理并行加載資源
4.減少消耗
服務端優化
CDN
緩存
Gzip
減少DNS
響應速度

“主觀”優化
目錄優化
內容優化(靈魂)
體驗優化
SEO

頁面優化
一 減少HTTP請求數
1.合并能合并的文件
2.sprites(CSS,img)
緊湊的排列圖片,顏色相似放在一起,不要留有空白,以減少體積,加快顯示速度
3.刪除重復腳本
瀏覽器不會忽略重復腳本,會再執行一次
4.Src值不能為空
二 減少交互通信量
1.壓縮技術(JS,CSS,img,cookie)
CSS/JS--減少空白,增強邏輯性,用縮寫方式,壓縮
IMG—png8,壓縮圖片,不縮放圖片
2.緩存技術(JS,CSS,ajax)
3.減少不必要通信
推遲加載(懶加載)/預加載
用GET方式進行AJAX請求
靜態內容無cookie(如圖片等)
4.優化DOM結構,降低信噪比

JS壓縮與格式化
http://tool.chinaz.com/Tools/JsFormat.aspx

CSS壓縮與格式化
http://tool.chinaz.com/Tools/CssFormat.aspx

圖片壓縮--圖床 _
三 合理并行加載資源

  1. 慎用iframe
    不被搜索引擎識別,空的iframe加載時會阻止內容加載
  2. CSS置于頂JS置于樣式后
    JS阻塞加載
  3. 分域
    綜合并行加載數,注意加載資源項的域名書寫
    四 減少消耗
    1.避免使用CSS表達式
      (expression方法。計算頻度太高)
    2.避免使用濾鏡
     ?。▎栴}在于:代碼維護量大,凍結瀏覽器,增加客戶內存占用)
    3.減少DOM訪問
      ( JS訪問DOM是很慢的,重新渲染

頁面優化
對于頁面:采用最優布局方式;優化DOM結構;減少iframe使用;推遲加載;預加載;
?對于CSS:把樣式表置于頂部:避免使用CSS表達式(Expression);避免使用濾鏡;使用外部CSS;削減CSS;合并壓縮;?
對于Javascript:把腳本置于頁面底部;使用外部JavaScript;削減JavaScript;剔除重復腳本;減少DOM訪問;延遲執行;合并壓縮;?
對于圖片Img:PNG8;JPG;優化壓縮;CSSsprites;IMGsprites;推遲加載;預加載;
推薦鏈接
http://www.cnblogs.com/wildweeds/archive/2010/06/12/web_performance.html
[匯總]Web前端優化
http://www.jb51.net/yunying/35105.html
優化DNS解析和拆分域名 讓網站打開速度更快技巧
http://www.xiaohanseo.com/201004153.html
必須要了解的三個SEO基礎知識
http://code.google.com/intl/zh-CN/speed/page-speed/docs/payload.html
PageSpeed

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容