關(guān)注多個(gè)性能提升點(diǎn)
上面提到,HTTP 請(qǐng)求數(shù)是提升網(wǎng)站性能需要考慮的一個(gè)非常重要的因素。但是有別的方法可以減少連接數(shù),包括合并腳本和樣式表,使用遠(yuǎn)程庫文件(即使用 Google 或者 Yahoo!提供的庫文件托管)。
除了 HTTP 請(qǐng)求數(shù)之外還有很多開發(fā)人員可以關(guān)注的用于提升網(wǎng)站性能的因素。包括服務(wù)器啟用 Gzip,正確的放置外鏈腳本,優(yōu)化 CSS 語法,壓縮較大的 JavaScript 文件,提升 Ajax 性能,避免使用已知的會(huì)引起性能問題的 JavaScript 語法,等等。
YSlow 顯示了 HTTP 請(qǐng)求數(shù)之外可以提升網(wǎng)站性能的因素
如果開發(fā)人員花點(diǎn)時(shí)間來考慮下所有可以提升網(wǎng)站性能的因素,再權(quán)衡下利弊,也許就有較好的理由可以避免濫用 CSS sprite 了,并且會(huì)把精力放在那些物有所值的方面。 總結(jié)
請(qǐng)不要誤解我所說的。許多頂級(jí)的 blogger 和開發(fā)人員已經(jīng)稱頌 sprite 的好處很多年了,最近幾年又把這些意見推廣到使用大型 sprite 上來了 – 因此應(yīng)該認(rèn)真得考慮下這些觀點(diǎn)。但是,這種有著完善的體制和系統(tǒng),使得網(wǎng)站維護(hù)任務(wù)簡化并流水化的公司,并不是所有人都能進(jìn)去的。大多數(shù)人都是獨(dú)立工作,或者接受別人創(chuàng)建的項(xiàng)目。這類情況下,大型的 sprite 會(huì)導(dǎo)致得不償失的麻煩。 糖伴西紅柿的總結(jié)
標(biāo)題有點(diǎn)醒目 :) 原標(biāo)題的規(guī)矩翻譯為 CSS Sprites:有用的技術(shù)還是潛在的麻煩?
關(guān)于 CSS Sprite,在 Web 標(biāo)準(zhǔn)交流會(huì) 第二期的時(shí)候討論過。其實(shí) CSS Sprite 是很有用處的。但是前提是不要超出一個(gè)度的限制。基本上很多問題最終都會(huì)歸于如何適度地使用的問題。老話說:過猶不及,其實(shí)還是很有道理的。
對(duì)于減少 HTTP 請(qǐng)求數(shù)問題,可以稍作妥協(xié),把圖片分類,盡量把內(nèi)容固定、后期不會(huì)有太多變動(dòng)的圖歸入一個(gè) sprite 中,例如一些 icon 。那些會(huì)經(jīng)常改動(dòng)的圖片歸入一類,分成幾組 sprite。對(duì)于設(shè)計(jì)花哨而生命周期很短的專題來說,真得,花費(fèi)在拼圖上的時(shí)間和經(jīng)歷實(shí)在是有點(diǎn)浪費(fèi)了。
關(guān)于老外的文章,我現(xiàn)在覺得有些絮叨了;蛟S很多人也會(huì)有這個(gè)感覺。其實(shí)應(yīng)該反思下,據(jù)說日本有專門的小冊(cè)子來教人做一些非常基礎(chǔ)的東西,內(nèi)容步驟細(xì)致到令人發(fā)指得地步。基礎(chǔ)的東西大多人會(huì)不屑一顧,覺得別人都談?wù)撈婕家、高?jí)應(yīng)用了,我還在搞這些基礎(chǔ),多丟人啊。
基礎(chǔ)的東西其實(shí)沒那么簡單的,有誰能真得掌握了這些看上去簡單的基礎(chǔ)呢?看一下這個(gè)基礎(chǔ)問題你真的了解HTML嗎?
曾經(jīng)有一個(gè)高手送我一本書,他寫了 ”Back to basic“ 送我,我在這里送給大家,希望大家都能踏踏實(shí)實(shí)地努力進(jìn)步。
本文鏈接:http://www.95time.cn/tech/web/2010/7510.asp
出處:前端觀察
責(zé)任編輯:bluehearts
上一頁 CSS Sprites:有用技術(shù)or潛在麻煩 [3] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|