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