文件越大，用來下載和顯示頁面的時間就越長。請記?。何募傮w積，指的是構成Web頁面的所有文件，包括：HTML、外部CSS、外部JavaScript、圖像、聲音以及視頻在內(nèi)的文件的大小。在這些文件中，HTML、CSS、以及JavaScript文件只是文本文件，因此，常常相當緊湊。而圖像、聲音，以及視頻文件通常都很大，存在下載問題。
公共網(wǎng)站的頁面大小，從每頁小于20K到每頁大于100K（包括頁面的所有圖形文件）。究竟應該有多大，即使是所謂的專家在這個問題上，也普遍存在著分歧。如果你的網(wǎng)站需要專業(yè)品質的圖形，那么就不可能遵守“20K定律”。但是，如果目標受眾的Internet連接速度慢，或者目標受眾的耐性有限，你就不得不放棄那令人難以抗拒的漂亮圖像，轉而遵守關于“20K定律”的限制。怎么樣為有限的文件體積做事先的規(guī)劃呢？
把大部分的CSS和JavaScript文件放入外部文件。只在網(wǎng)站第一次引用這些文件時，才進行下載。之后，網(wǎng)站上任何頁面都可以重復使用這些文件，而無需再次下載。
重復使用不同頁面的圖形、音頻和視頻。因為這些文件也是在第一次時，才進行下載。
不要使用不必要的圖形、動畫或聲音。無論是出于實用性的考慮，還是為了增強網(wǎng)站的吸引力，每個文件都應該有清楚的存在于網(wǎng)站上的理由。一個用于導航，大尺寸、具有吸引力的圖像映射，同時具備了實用和美觀兩種用途，就像待售產(chǎn)品的照片一樣。另一方面，應該去掉那些只起到填充空白作用的圖形。
在可能的情況下，使用小尺寸圖像，而不是大尺寸圖像。因為在其他因素相同的條件下，與大尺寸圖像相比，小尺寸圖像的下載速度更快。例如：你可能使用一個平鋪（重復）顯示在背景上的小尺寸圖像，代替單個的大尺寸背景圖像。
盡量減少特殊導航按鈕，每個按鈕都具有獨特的措辭和翻轉效果，則需要下載100個不同的圖像。相反地，50個文本鏈接（具有CSS提供的翻轉效果），只需很小的下載代價。
做為技術出身的交互設計師，可以不斷探索新的技術帶來的變革(例如：html5)。無論何時，頁面打開速度是給用戶的第一印象，也是提升用戶對網(wǎng)站滿意度的重要因素，并且前端代碼的優(yōu)化將會給用戶帶來舒適地操作體驗！
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設計網(wǎng)（CNDESIGN）會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權用作他處，作者將保留追究侵權者法律責任的權利。
Copyright ©2006-2019 CND設計網(wǎng)
