asp.net如何加快頁面加載(二)

上一章講因爲使用服務器控件導致加載慢的問題,今天我介紹如何使用客戶端控件(html控件)加快頁面加載。

現在我們直接切入正題:

一.文件數量 有的就會奇怪,文件數量會有影響?那我們就來揭開這個疑問吧:首先我們的瀏覽也是個應用程序,訪問我網頁時也是在調用文件打開文件讀取文件。如果我們完成一個頁面的功能總用到的文件量多,在打開讀取關閉文件上就會受到一些影響。而文件也大打開所花的時間也就越多。一個頁面包括以下文件需要注意:

  1. 圖片文件,圖片文件不宜太大,也不建議使用太多,如果小圖片很多,可以考慮使用集合來完成封裝。這樣減少圖片的加載。可以提高網頁的io輸出。
  2. 樣式文件,在佈局時編寫特別需要講究,如果你做的好的話一個頁面的樣式可能就幾十行,如果設計編寫比較醜陋可能達到上百行,或大幾百行(div+css章節)。同時樣式文件也可以使用樣式調用樣式文件,以減少頁面文件在打開時解析過多的樣式文件。
  3. 腳本文件,主要是優化你的功能邏輯代碼,減少冗餘代碼,同時還可以代碼壓縮,以及腳本文件調用腳本文件。
  4. 頁面代碼,這個可能就得提高頁面佈局這塊,可以參考以前的div+css章節

二.佈局 通常我們都說佈局有兩種,一種是表格佈局,一種是div+css佈局。這兩種佈局有何優缺點:

  1. 表格佈局
  • 優點:佈局快,方便,對於初學來說上手快;
  • 缺點:代碼量大,加載慢(這個是因爲表格在加載時,只有Table整塊代碼加載完成才顯示)
  1. div+css佈局
  • 優點:佈局靈巧,代碼量小,加載快(加載原理:邊加載邊顯示)
  • 缺點:佈局複雜,注重於css來控制排版不易學;
  • div+css 佈局章節:
  1. Div+Css 如何讓頁面更精美(一)
  2. Div+Css 如何讓頁面更精美(二)——樣式
  3. Div+Css 如何讓頁面更精美(三)——網頁佈局

三.加載技巧 對一些腳本文件可以選擇放置在底部加載

參考:家常食譜網 http://shipu.naoqiu.com

希望大家多多探討,多多指教,共同進步。

轉載請加註地址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章