中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > CSS Sprites:有用技術(shù)or潛在麻煩
Opera Mini 5 網(wǎng)站開發(fā)速記 回到列表 理解delete
 CSS Sprites:有用技術(shù)or潛在麻煩

作者:糖伴西紅柿 時(shí)間: 2010-04-14 文檔類型:翻譯 來自:前端觀察

第 1 頁 CSS Sprites:有用技術(shù)or潛在麻煩 [1]
第 2 頁 CSS Sprites:有用技術(shù)or潛在麻煩 [2]
第 3 頁 CSS Sprites:有用技術(shù)or潛在麻煩 [3]
第 4 頁 CSS Sprites:有用技術(shù)or潛在麻煩 [4]

關(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://m.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)論。

相關(guān)文章 更多相關(guān)鏈接
在 Mozilla UI 中書寫高效率 CSS
first-letter的一個(gè)小妙用
border邊框在瀏覽器中的渲染方式
5 個(gè)簡單實(shí)用的 CSS 屬性
CSS圓角——圓角化圖片
作者文章 更多作者文章
在 Mozilla UI 中書寫高效率 CSS
清除浮動(dòng)新說
IE bug:1像素的dotted/dashed邊框
CSS背景全攻略
關(guān)于浮動(dòng)的前世今生
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺(tái)歷
Ps簡單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:4/41個(gè)記錄/頁 轉(zhuǎn)到 頁 共4個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2