成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術(shù)教程 ? 提高網(wǎng)頁效率的14條注意事項圖文第1/3頁
全站頭部文字 我要出現(xiàn)在這里
提高網(wǎng)頁效率的14條注意事項圖文第1/3頁 854 2024-04-02   
網(wǎng)站最基本的東西是什么?
——內(nèi)容?SEO(搜索引擎優(yōu)化)?UE(用戶體驗)?都不對!是速度!
內(nèi)容再豐富的網(wǎng)站,如果慢到無法訪問也是毫無意義的; SEO做的再好的網(wǎng)站,如果搜索蜘蛛抓不到也是白搭; UE設(shè)計的再人性化的網(wǎng)站,如果用戶連看都看不到也是空談。
所以網(wǎng)頁的效率絕對是最值得關(guān)注的方面。如何才能提高一個網(wǎng)頁的效率呢?Steve Souders(Steve Souders的資料http://www.oreillynet.com/pub/au/2951)提出的提高網(wǎng)頁效率的14條準則,而這些準則也將是我們下篇中介紹到的YSlow工具的理論基礎(chǔ):


Make Fewer HTTP Requests
Use a Content Delivery Network
Add an Expires Header
Gzip Components
Put CSS at the Top
Move Scripts to the Bottom
Avoid CSS Expressions
Make JavaScript and CSS External
Reduce DNS Lookups
Minify JavaScript
Avoid Redirects
Remove Duplicate Scripts
Configure ETags
Make Ajax Cacheable
這里我們將逐一的講解這些準則,對其中開發(fā)者密切相關(guān)的準則我將詳細講解。小弟個人技術(shù)實在有限,錯誤和無知在所難免,還請高人指點。
第一條:Make Fewer HTTP Requests 盡可能的減少HTTP的Request請求數(shù)。

80%的用戶響應時間都是浪費在前端。而這些時間主要又是因為下載圖片、樣式表、JavaScript腳本、flash等文件造成的。減少這些資源文件的Request請求數(shù)將是提高網(wǎng)頁顯示效率的重點。
這里好像有個矛盾,就是如果我減少了很多的圖片,樣式,腳本或者flash,那么網(wǎng)頁豈不是光禿禿的,那多難看呢?其實這是一個誤解。我們只是說盡量的減少,并沒有說完全不能使用。減少這些文件的Request請求數(shù),當然也有一些技巧和建議的:
1:用一個大圖片代替多個小圖片。這的確有點顛覆傳統(tǒng)的思維了。以前我們一直以為多個小圖片的下載速度之和會小于一個大圖片的下載速度。但是現(xiàn)在利用httpwatch工具的對多個頁面進行分析后的結(jié)果表明事實并不是這樣。
第一張圖是一個大小為40528bytes的337*191px的大圖片的分析結(jié)果。
第二張圖是一個大小為13883bytes的280*90px的小圖片的分析結(jié)果。
查看圖片
一個大小為40528bytes的337*191px的大圖片的分析結(jié)果(點擊圖片可以查看完整大圖片)
查看圖片
一個大小為13883bytes的280*90px的小圖片的分析結(jié)果(點擊圖片可以查看完整大圖片)第一張大圖片花費時間為:
Blocked:13.034s
Send:0.001s
Wait:0.163s
Receive:4.596s
TTFB:0.164s
NetWork:4.760s
功耗時:17.795s
真正用于傳輸大文件花費的時間為Reveive時間,即4.596s,多數(shù)的時間是用來檢索緩存和確定鏈接是否有效的Blocked時間,供花費13.034s,占總時間的73.2%。


主站蜘蛛池模板: 危险课程电影完整| marcia| 常宝霆| 汤唯和梁朝伟拍戏原版视频在线观看| 抓特务| 抚养费标准一般是多少钱一个月 | 汤姆·威尔金森| 超级方程式| 齐中旸| a day to remember英语作文| 大场久美子| 李采潭全部作品| 初恋在线观看| 白上之黑电影| 低糖食物一览表| 布拉芙大尺度未删减版| 刑事侦缉档案2剧情介绍| 老版《桃太郎》| 乱世佳人电视剧免费观看完整版| lilywei| 演觉法师| 女老师 电影| 财税2010121号原文| 小涛讲电影| 浙江地图全图高清版大图| 妈妈的朋友欧美| 都市频道在线直播| 装饰色彩| 生长因子是结痂前用还是掉痂后用| 流浪地球海报| 免费看裸色| 龟兔赛跑的故事视频| 洛兵| 正在行动| 一千零一夜凯瑟林| 初恋50次 电影| 那些回不去的年少时光演员表| 菊池裕也| 乔治克鲁尼个人资料| 第一财经高清直播| 好好的电影|

?。?!站長長期在線接?。?!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103