- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
高性能網(wǎng)站建設(shè)—CSS總結(jié)
尚品中國(guó)的一些平臺(tái)需要對(duì)訪問(wèn)速度等進(jìn)行優(yōu)化,大致的方向就是從緩存、壓縮、減少請(qǐng)求等方面進(jìn)行處理,不光需要對(duì)網(wǎng)絡(luò)有一定的理解,也需要對(duì)瀏覽器的機(jī)制以及前端的技術(shù)等有些許的了解,在這個(gè)過(guò)程中,總結(jié)出的性能黃金法則只有10%~20%的最終用戶響應(yīng)時(shí)間花在了下載HTML文檔上。其余的80%~90%時(shí)間花在了下載頁(yè)面中的所有組件上。
1. 減少HTTP請(qǐng)求,圖片地圖、CSS Sprites、內(nèi)聯(lián)圖片和腳本、腳本和樣式表的合并。
2. 使用CDN(北京網(wǎng)站建設(shè)的內(nèi)容發(fā)布網(wǎng)絡(luò))。
3. 添加Expires頭,修訂文件名,比如為經(jīng)常需要改變的文件添加版本號(hào)等。
4. 壓縮組件,即減少HTTP相應(yīng)的大小來(lái)減小響應(yīng)時(shí)間。
5. 將樣式表放在頂部,減少“白屏(Blank White Screen)”現(xiàn)象,盡量使用LINK標(biāo)簽將樣式表放在文檔HEAD中。
6. 將腳本放在底部,并行下載,腳本阻塞。
7. 避免CSS表達(dá)式,使用“一次性表達(dá)式”,事件處理器。
8. 使用外部JavaScript和CSS,純粹而言,內(nèi)聯(lián)比外聯(lián)快。加載后下載。
一些平臺(tái)需要對(duì)訪問(wèn)速度等進(jìn)行優(yōu)化,大致的方向就是從緩存、壓縮、減少請(qǐng)求等方面進(jìn)行處理,不光需要對(duì)網(wǎng)絡(luò)有一定的理解,也需要對(duì)瀏覽器的機(jī)制以及前端的技術(shù)等有些許的了解,在這個(gè)過(guò)程中,總結(jié)出的性能黃金法則只有10%~20%的最終用戶響應(yīng)時(shí)間花在了下載HTML文檔上。其余的80%~90%時(shí)間花在了下載頁(yè)面中的所有組件上。
1. 減少HTTP請(qǐng)求,圖片地圖、CSS Sprites、內(nèi)聯(lián)圖片和腳本、腳本和樣式表的合并。
2. 使用CDN
3. 添加Expires頭,修訂文件名,比如為經(jīng)常需要改變的文件添加版本號(hào)等。
4. 壓縮組件,即減少HTTP相應(yīng)的大小來(lái)減小響應(yīng)時(shí)間。
5. 將樣式表放在頂部,減少“白屏(Blank White Screen)”現(xiàn)象,盡量使用LINK標(biāo)簽將樣式表放在文檔HEAD中。
6. 將腳本放在底部,并行下載,腳本阻塞。
7. 避免CSS表達(dá)式,使用“一次性表達(dá)式”,事件處理器。
8. 使用外部JavaScript和CSS,純粹而言,內(nèi)聯(lián)比外聯(lián)快。加載后下載。
(使用cookie技術(shù)來(lái)實(shí)現(xiàn))
9. 減少DNS查找(Reduce DNS lookups),DNS緩存和TTL。
10. 精簡(jiǎn)JavaScript。
混淆和節(jié)省,(工具:JSMin和Dojo Compressor),
壓縮和精簡(jiǎn)(Gzip and Minification),
精簡(jiǎn)CSS,最大的節(jié)省來(lái)自優(yōu)化CSS-合并相同的類,移除不使用的類,最佳解決方案還是移除注釋和空格,并進(jìn)行一些直觀的優(yōu)化,比如使用縮寫(用“#606”代替“#660066”)和移除不必要的字符串(用“0”代替“0px”)。
11. 避免重定向。
缺少結(jié)尾的斜線:有一種重定向最為浪費(fèi)、發(fā)生的也很頻繁的,但Web開發(fā)人員通常都沒(méi)有意識(shí)到它。即“缺少結(jié)尾的斜線”。如:訪問(wèn)http://xx.com/xxx時(shí),會(huì)導(dǎo)致一個(gè)301相應(yīng),其中包含一個(gè)到http://xx.com/xxx/的重定向。當(dāng)然主機(jī)名后缺少結(jié)尾斜線是不會(huì)發(fā)生重定向的,如訪問(wèn)http://baidu.com,但在瀏覽器中看到的最終URL還是包含結(jié)尾斜線的,導(dǎo)致自動(dòng)產(chǎn)生斜線的原因是,瀏覽器在進(jìn)行GET請(qǐng)求時(shí)必須指定一些路徑,如果沒(méi)有路徑,就會(huì)簡(jiǎn)單的使用文檔根(/)。
連接網(wǎng)站,一般是用戶從舊的URL轉(zhuǎn)移到新的URL的最簡(jiǎn)單的方式就是重定向,可以通過(guò)Alias、mod_rewrite、DirectorySlash和直接鏈接代碼來(lái)避免重定向。
跟蹤內(nèi)部流量,重定向經(jīng)常用于跟蹤用戶的流量的流向,另一種方式選擇是使用Referer日志來(lái)跟蹤流量去向,每個(gè)HTTP請(qǐng)求都包含一個(gè)URL,表明從哪個(gè)頁(yè)面發(fā)起的請(qǐng)求,也就是引用方(有的時(shí)候沒(méi)有引用頁(yè),如當(dāng)用戶鍵入U(xiǎn)RL或只用書簽時(shí))。對(duì)于內(nèi)部流量,也就是專業(yè)網(wǎng)站建設(shè)公司各個(gè)網(wǎng)站之間的流量,是值得通過(guò)建立Referer日志來(lái)避免重定向,以此來(lái)節(jié)省最終用戶相應(yīng)時(shí)間。
跟蹤出站流量。
12. 移除重復(fù)腳本。
13. 配置ETag,實(shí)體標(biāo)簽(Entity Tag)是Web服務(wù)器和瀏覽器用于確認(rèn)緩存組件的有效性的一種機(jī)制。
14. 使Ajax可緩存。
其他:抓包探測(cè)工具,如IBM Page Detailer和HttpWatch等,理解SSL響應(yīng)式可緩存的,YSlow等級(jí)是頁(yè)面響應(yīng)的強(qiáng)指標(biāo),YSlow和FireBug結(jié)合。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
企業(yè)網(wǎng)站建設(shè)交互設(shè)計(jì)中的企業(yè)網(wǎng)站架構(gòu)
通常官方網(wǎng)站,企業(yè)網(wǎng)站設(shè)計(jì)中的版塊都類似,除了網(wǎng)站首頁(yè)之外就某些欄目(...
2022-05-12 -
PHOTOSHOP網(wǎng)站設(shè)計(jì)有哪些要注意的?
在進(jìn)行Photoshop網(wǎng)站設(shè)計(jì)時(shí),有許多重要的方面需要注意,以確保您...
2023-08-28 -
百度你是點(diǎn)擊為王還是用戶體驗(yàn)為道
而不是像這個(gè)社會(huì)的詬病-急功近利,最后希望百度能及早的出臺(tái)相關(guān)措施來(lái)防...
2012-06-22 -
尚品中國(guó)高端網(wǎng)站建設(shè) | 原創(chuàng)之美專屬定制化服務(wù)
在數(shù)字時(shí)代的浪潮中,網(wǎng)站已然成為企業(yè)發(fā)展的重要窗口,而尚品中國(guó)高端網(wǎng)站...
2023-12-20 -
網(wǎng)站建設(shè)中使用長(zhǎng)滾動(dòng)頁(yè)面設(shè)計(jì)有哪些好處?
在網(wǎng)站建設(shè)中考慮長(zhǎng)滾動(dòng)頁(yè)面設(shè)計(jì)時(shí)要記住的關(guān)鍵點(diǎn)是,無(wú)論設(shè)計(jì)什么樣的網(wǎng)站...
2020-04-09 -
網(wǎng)站建設(shè)公司的設(shè)計(jì)和開發(fā)流程
首先,根據(jù)企業(yè)的要求和實(shí)際情況,設(shè)計(jì)一個(gè)適合企業(yè)的網(wǎng)站方案。選擇虛擬主...
2022-07-05
預(yù)約專業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com