制作網頁加載加速法
作者:佚名 時間:2012-02-18 分享到:
上海網站建設聯楷網絡在線認為網頁加載速度的快慢不僅與網速相關,與服務器相關,更與網站設計本身所采用的技術處理手段相關。
對于如何加快網頁內容加載速度,上海網站建設公司國人在線有以下建議:
1、減少網頁內容加載時的HTTP請求
聯楷網絡在線認為網站設計當中的圖片、CSS、script、flash等等諸多組成元素都會增加網頁內容加載的http請求負擔,因此建議減少此類元素的使用次數。
再一個,聯楷網絡在線建議大家可以利用CSS來實現小圖的拼合與定位,盡量避免在網頁中直接寫入圖片,同時還要避免多個JS與CSS同寫于同一文件當中。
2、學會設置頭文件過期或是靜態緩存
這一技巧利用的是瀏覽器緩存原理,只是聯楷網絡在線認為它存在著一定的弊端,那就是當網站頁面內容發生變動時我們需要進行相應的名稱變更,否則用戶端不會主動刷新
3、養成壓縮慣性
照目前的瀏覽器成熟程度來看,對于Gzip格式文件的解壓完全可以達到85%以上,因此聯楷網絡在線建議大家養成壓縮減輕負擔的慣性。
4、JS底部設置處理
JS的加載往往會影響到內容的表現,所以我們可以考慮將JS文件放到頁面的底部進行優化處理,如果必須要使用JS的話。
5、對于一些公用的JS和CSS,聯楷網絡在線建議可以將它們進行鏈接處理
6、減少外部資源調用操作
7、聯楷網絡在線建議大家在進行JS和CSS編輯時應該要盡量減少空白的產生,增強代碼邏輯性,最少的代碼實現預想功能,盡量減少體積
8、對于重復腳本要學會及時刪除,因為對于這些代碼,瀏覽器是不會識別與忽略的,從而造成資源的浪費。
9、用提前加載代替延遲加載可以為后續請示提供更快的響應。
10、DOM元素數量可以實現更合理更高效的架構頁面,聯楷網絡在線認為這是一個好前端的必備條件
11、減少404頁面的出現,因為上海網站建設公司國人在線認為無意義的404頁面不僅會影響到網站的用戶體驗而且還會嚴重消耗服務器資源
12、盡可能減小Cookie體積,設置合理的過期時間,能夠很好的提高網頁內容加載效率;此外還應該學會對組件使用無Cookie的域名,因為聯楷網絡在線認為對靜態組件的Cookie讀取是一種資源的浪費
13、學會減少圖片體積,聯楷網絡在線建議大家可以考慮將GIF轉為PNG,同時在CSS Sprites中豎直并盡量將顏色相似的圖片緊湊的排列在一起可以有效的減小圖片本身的大小,從而提高網站頁面圖片顯示速度;還有,最好不要在HTML中縮放圖片。 www.ktcbnqb.cn