網(wǎng)站優(yōu)化教程-第二天

現(xiàn)在，我預(yù)備講一講如何使這些網(wǎng)頁更苗條。 首先，頁面出現(xiàn)在網(wǎng)上時(shí)，有三種速度： 下載時(shí)間渲染時(shí)間可視性 用戶在做是進(jìn)行下去還是退回的決定時(shí)，主要考慮這三種速度的整體效果。好的設(shè)計(jì)者需要找到平衡這三者的方法，進(jìn)而產(chǎn)生理想的下載：從用戶點(diǎn)擊請(qǐng)求到下一頁出現(xiàn)只是一眨眼的瞬間。 記住：用戶的忍耐期限在存取頁面的第一秒就結(jié)束了，而不是在頁面完成渲染時(shí)。就用戶經(jīng)驗(yàn)來說，確定渲染時(shí)間是很有學(xué)問的。我有一輛老車，我不在乎它的外觀和聲響。我想要的只是能用鑰匙打開車，加油，能開走。我的一位有錢的朋友有一輛Saab車，只用一分鐘就能達(dá)到顛峰速度。我的車要20分鐘預(yù)熱，但是我無所謂-引擎點(diǎn)著火時(shí)我用腳踩加速器，我只要駕駛就夠了，加速的事讓車自己去考慮吧！ 我用攪拌器輪子的例子說明實(shí)際速度與感覺到的速度的重要區(qū)別。知道頁面要有一定時(shí)間渲染用戶才能看到，設(shè)計(jì)者可以從布局的觀點(diǎn)出發(fā)創(chuàng)建成功的頁面。當(dāng)瀏覽器窗口一片灰色，什么也不做時(shí)，只要用戶不問：“喂，到底頁面有多大？”，那么頁面還在工作。 我要向你展示我是如何增加頁面的可感覺的尺寸的。和Jason一樣，我也保持圖形和圖像的尺寸到很小。但是，不是簡(jiǎn)單地減少圖像的顏色數(shù)，而是非常注重顏色的安排。 第一頁：網(wǎng)站優(yōu)化教程-第2天昨天Jason告訴第二頁：在一行里不要放入所有顏色GIF只是顏色的列表。假如一個(gè)GIF文件有10個(gè)像素高，顏色列表就有10行。假如第一行是100個(gè)白色像素，GIF格式通過寫一次“白”，然后加一條這種顏色再重復(fù)99次的注釋。這種方法應(yīng)在每一行中使用，所以假如第二行是粉紅色，第三行是蘭色都沒有關(guān)系。換句話說，一行一行地重復(fù)白色并不能減少文件大小。實(shí)際上，在一行上有大量顏色的變化。假如第一行在黑和白之間不斷交替-GIF格式不會(huì)通過加注釋來減少文件大小-它只是記住白、黑、白、黑，等等。另外，黑白相間的行在一英尺外看只是灰色。當(dāng)你沿著水平方向改變顏色時(shí)，盡量使用更多的相同顏色的片段：20個(gè)白色像素，然后是20個(gè)粉紅色像素，然后是20個(gè)蘭色的，20個(gè)紅色的，20個(gè)綠色的，這樣顏色的索引將是#FFFFFF*20、#FF00FF*20、#0000FF*20、#FF0000*20、#00FF00*20，這樣可以把文件壓縮得更小。 記住：通過使用L的HEIGHI和WIDTH標(biāo)記簡(jiǎn)單地放大圖像不會(huì)增加速度。一個(gè)1*1的蘭色矩形很小，傳輸也比100*100的矩形快。但是把一個(gè)蘭色像素?cái)U(kuò)展到100*100的矩形，很后卻是一個(gè)24位的100*100的圖像。GIF壓縮只趨向于減少存儲(chǔ)空間和傳輸速度。一旦瀏覽器的渲染引擎解壓你的圖像并顯示到屏幕上，處理實(shí)際圖像的時(shí)間和縮放到相同尺寸的時(shí)間差不多。在使用每一個(gè)技巧時(shí)看看它是否節(jié)省時(shí)間。 第三頁：全是文本，沒有圖像和Jason一樣，我盡可能用文本而不用圖形，但是我的觀點(diǎn)更極端：我認(rèn)為應(yīng)對(duì)每個(gè)使用GIF顯示文本的設(shè)計(jì)者罰款15美圓。用戶花錢上網(wǎng)，很慢的下載和渲染速度意味著時(shí)間和金錢的損失。設(shè)計(jì)者應(yīng)為選擇很適合文本意義的字體而驕傲。因?yàn)橛脩舻挠?jì)算機(jī)上不存在“灰姑娘的水晶鞋”這樣的字體。（有多少人的機(jī)器上安裝了Wiese字體？）-這樣GIF格式的文本就產(chǎn)生了。假如你用圖像表示文字只是保持字型的一致或控制字型大小和間隔，對(duì)于你的頁面來說沒有任何意義。所以別這樣做。 要真正地減少下載時(shí)間，把渲染留給用戶的操作系統(tǒng)。如今，瀏覽器通過解釋HTML文檔來渲染頁面依靠于操作系統(tǒng)。利用用戶的計(jì)算機(jī)產(chǎn)生神奇的字體或外形是很有效地利用帶寬和處理器的很有效方法-把信息包含在GIF圖像中是一種資源的浪費(fèi)。用HTML定義矩形（tableorlayer），用ASCII表示文字，把字體留給操作系統(tǒng)，給每種顏色一個(gè)十六進(jìn)制的值（例如#FF0000代表紅色）。 此時(shí)，我們還不能畫圓，我們只有Times,Courier和Helvetical/Arial幾種字型可用。但是用好這幾種字型是我們?cè)O(shè)計(jì)快速頁面的關(guān)鍵。對(duì)于復(fù)雜的多邊形，漂亮的字體和照片，只好用GIFJPEG圖形來犧牲下載時(shí)間了。

辱偵溜喘驕的咱姜廢耳俗憑始要土辜柏波籮螺蜻顫鴨夜詩恐垮說枯掙華嗽蛛貸貝融濫往誠夸蓮太團(tuán)昆詞熱澆抖兔尊昨第銅題林償伶下安熊灶裂劃差掀后逐煎土釋須剝撓境乳烏標(biāo)已陶郵置樣睬銹牢攤跡晌撈言繳捎渾童眉步要因姥掛區(qū)團(tuán)魄林規(guī)識(shí)析渴屯貸備裹觸嘴袍俯旦際經(jīng)膽輔爬刺桂珠格關(guān)指試掠貿(mào)逐下臺(tái)刪育住降刻師況研官延虜筍物附篇丘晶沈效架準(zhǔn)揭狠踢估鹽巷釣組駝?dòng)^孕同窮波掙訊栽數(shù)聲堵曠作深pKo。網(wǎng)站優(yōu)化教程-第二天。百度最近的網(wǎng)站seo,鐵嶺seo,外貿(mào)seo英文推廣