效能**法則:
根據上面的**法則,可以知道網頁提速方式就是減少http或縮短元件請求時間等方式解決,具體如下:
·使用外部js和css,使用者大量訪問量的情況快取檔案可提高元件利用,但首次載入會增加http請求數(區別權衡 );
·css放在head頭部,可以避免構建dom樹後樣式仍在載入的『白屏』問題;
·js放在body底部,和css放在頭部一樣可以減少首屏出現的時間;
·精簡js和css,去掉不必須的空格和注釋,刪除重複;
·壓縮js檔案,減小檔案大小;
·盡量使用文字和css效果代替,如字型圖示;
·控制單張資源大小,通過控制尺寸大小和部分可以轉jpg格式;
·通過csssprite進行合併,減少http請求;
·使用cdn內容發布網路,距離使用者更近的web伺服器將使得使用者響應速度縮短;
·避免css表示式的出現;
·避免重定向(多餘的post和重定向),可直接a鏈結跳轉;
·不使用table布局,每次更改會導致整個**重新計算,且table頁面是整個頁面載入後再進行渲染的;
後續繼續補充....
可以結合另一篇更詳細的效能優化的筆記一起
提高網頁載入速度
1.頁面資料呼叫 資料庫查詢 方面原因,程式儘量減少訪問資料庫次數.2.頁面引用過多,會影響頁面載入速度。3.js呼叫,影響頁面載入速度。4.檔案大小沒有控制好,頁面載入 flash過多而又沒有控制其大小。具體可採用js來改變載入項的順序,在保證頁面能夠正常瀏覽之後再載入廣告 次要等資訊。5.伺服器...
如何提高網頁載入速度
網頁的載入速度是評估 質量乙個重要指標。原因在於大多數使用者能夠容忍的網頁載入時間只有幾秒,如果超出了訪客的忍受範圍他們會毫不留情地關掉你的網 頁,所以網頁載入速度會極大地影響 的流量和訪問。以下總結了幾種可以明顯提高 載入速度的初步簡單技巧方式,如果你的 存在載入速度慢的問題不妨 與此為參考對網頁...
如何提高網頁頁面載入速度
最近一直給問到這個問題,也引發我的思考。在此也做下總結。首先,想要提高網頁頁面載入速度,要了解網頁載入是什麼樣乙個原理。這就有乙個很經典的問題 當你在瀏覽器位址列輸入乙個url後回車,將會發生的事情?簡單總結一下這個過程,首先你輸入乙個url位址,瀏覽器會去查詢相應的ip位址,利用的是dns。之後就...