幫asp.net頁面洗洗澡

來源:互聯網
上載者:User

             雖然.net2005出來了有一段時間了。但是我們更多在工作上使用的還是.net2003. 當你用.net2003開發一個web頁面的時候,會發現一個問題。頁面容量太大,就算我們把頁面變成靜態頁,當有網速不是很快的使用者開啟你的頁面的時候。這會使使用者受不了。學習你的頁面設計的人會感到非常的苦悶.當然我們對程式的最佳化。伺服器的最佳化 等等都是必要的。但是我們也可以從 為我們的頁面洗洗澡。清理清理,從一些細小成本低的方面來做一些微薄的貢獻。
           vs.net2003的編輯器 會有很多自動產生的程式碼。我們要過濾。同時一些不必要的冗餘標記也要過濾 以及我們要養成一些好的頁面設計習慣

   1.  頁面盡量使用Div+css 設計。整個頁面不要出現style標記。這樣會使頁面大小減少至少10K以上.
   2. 如果沒有必要。請把有些繫結控制項的EnableViewState屬性設定為false. 這東西佔有太多的頁面容量。並且稍微動下腦筋就知道如何不用ViewState也能進行分頁了。
   3。如果頁面沒有button等提交按鈕。請把頁面首和尾的form標記去掉, 一般form後會帶有個value值。這些值對一個展示型的 網頁來說並沒有太大用處.
  4.  類似於<input type=text value=''>  這樣的標記。其實type=text 可以不寫。雖然不規範。但是預設就是text.
  5.頁面設計時注釋盡量寫得精簡一點。雖然注釋不會幹什麼。但是客戶瀏覽器還是會要下載這些字串的。
  6。最好學會一些動態指令碼技術。不要做一些div浮動的時候,直接把div寫死在頁面裡。
  7。控制項用戶端的那種 。設定一個ID就可以了。不一定要把name 這樣的屬性也用上。用ID已經足夠你取這些空間的所有屬性了。
 8。如果不是必需。指令碼還是封裝一個指令碼庫 用link標記連近來。同時有些指令碼可以稍微歸類封裝一下。不要到處都是同樣模樣的代碼。如document.getElementById等等。。。
9 網站不是軟體。一般分頁檔夾的存放不要太深。檔案夾最好不要超過2級。如果太深了 。會出現
<script src="/js/news/updata/folder/big/classlib.js"></script>  這樣的路徑。無形中也會增加頁面容量。
10。  雖然你的頁面有的時候參數很多。但是作為連結放在另外一個頁面的時候適當使用一些UrlRewriting 的功能。太長的Url會是客戶感到 不安。以為是個不安全連線。
11。眩目的指令碼效果 拿下來吧。現在不流行這個了。誰都會做這個東西了。
12。如果不是娛樂性網站 少放些flash ,和其他多媒體組件,雖然好看,但是頁面容量會大。客戶開啟也會慢。
13。不要把DIv的位置絕對定死 到處出現 top:30px這樣的無可奈何的標記 .如果你初學div+css  不會控制div的左右。建議你使用float:left 或right .

14. 頁面設計時的一些東西去掉吧 如 body MS_POSITIONING="GridLayout" 或者  meta name="CODE_LANGUAGE" Content="C#" ,這樣頁面乾淨的多
15 . 最後本人水平有限。說不下去了。請廣大網友多多指點。 不過還有一個要指出。<img src="../s/j.gif">這樣的 標記。你要習慣 用相對路徑 <img src="/image/s/j.gif">  /代表你的相對網站根目錄。出現太多的../會讓客戶心跳加速。 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.