前端性能優化的方法

  老鐵們,我胡漢三又回來了,最近掃黃比較嚴,而後我就出去避了避風頭,javascript

  今天咱們來總結總結對前端進行性能優化的方法吧,這篇隨筆沒啥代碼,可是我總結了總結,看一下總歸是有點用的css

  1.減小http請求前端

      a.CSS sprites(精靈圖),即合併圖片,減小圖片請求次數java

      b.CSS,JS源碼壓縮。緩存

      c.cdn託管性能優化

      d.數據緩存服務器

      e.圖片服務器佈局

  2.前端模板JS+數據,減小因爲HTML標籤致使的帶寬浪費,前端用變量來保存AJAX的請求結果,每次操做本地變量,不用再去請求,減小請求次數性能

       3.用innerHTML代替DOM操做,減小DOM操做次數,優化javascript性能優化

  4.當須要設置不少樣式時設置className而不是直接操做style

  5.少用全局變量,緩存DOM節點查找的結果,減小IO讀取操做

  6.避免使用CSS Expression(css表達式)又稱Dynamic properties(動態屬性);

  7.圖片預加載,將樣式表放在頂部,將腳本放在底部 加上時間戳

  8.避免在頁面的主體佈局中使用table,table要等其中的內容徹底下載以後纔會顯示出來,顯示比div+CSS佈局要慢

 

     咋回事,我回來看了看怎麼連個評論的人都沒有,是我寫的不足以獲得大家的推薦和評論是吧!!!!!

  來,讓開,我要放大招了,看了個人大招你要還以爲不值來砍我好吧

  是否是以爲上面好多,有種臣妾記不住的感受是吧,莫慌,來送你個個人獨家口訣,看完口訣再記不住你來砍我!記住了求個推薦可好

    請模代樣,果態預表

    那你可能會問這口訣是什麼東西,咋一點用沒有啊,別慌寶貝,來我給你講解講解你就懂了,保準你再也忘不掉

         了一個特來替個人子,平了我都有錢買(預)

相關文章
相關標籤/搜索