您準(zhǔn)備好了嗎?我們時(shí)刻準(zhǔn)備就緒!
專注優(yōu)質(zhì)網(wǎng)站建設(shè)

Yahoo給出的包含Yslow規(guī)矩(22條)的34條 具體說明 ,經(jīng)過這此規(guī)矩對自己頁面進(jìn)行一次全面的剖析優(yōu)化,能夠提高你網(wǎng)站的加載速度。
1.Minimize HTTP Requests 削減HTTP懇求
圖片、CSS、script、flash等等這些都會(huì)添加http懇求數(shù),削減這些元素的數(shù)量就能削減呼應(yīng)時(shí)刻。把多個(gè)JS、CSS在可能的情況下寫進(jìn)一個(gè)文件,頁面里直接寫入圖片也是欠好的做法,應(yīng)該寫進(jìn)CSS里,運(yùn)用 CSS sprites 將小圖拼合后運(yùn)用background來定位。
2.Use a Content Delivery Network 運(yùn)用CDN技能
CDN 確實(shí)是好東西,8過服務(wù)器提供商的這項(xiàng)服務(wù)一般是要收費(fèi)的,我曾經(jīng)買的國內(nèi)空間是有這個(gè)的可是我當(dāng)時(shí)根本不知道啥用,現(xiàn)在沒了。。。
3.Add an Expires or a Cache-Control Header 設(shè)置頭文件過期或許靜態(tài)緩存
閱讀器會(huì)用緩存來削減http懇求數(shù)來加快頁面加載的時(shí)刻,假如頁面頭部加一個(gè)很長的過期時(shí)刻,閱讀器就會(huì)一直緩存頁面里的元素。不過這樣假如頁面里的東西變動(dòng)的話就要改名字了,否則用戶端不會(huì)自動(dòng)刷新,看自己衡量了~ 這項(xiàng)能夠經(jīng)過修正.htaccess文件來完成。
4.Gzip Components Gzip緊縮
Gzip格局是一種很普遍的緊縮技能,簡直所有的閱讀器都有解壓Gzip格局的才能,而且它能夠緊縮的比例非常大,一般緊縮率為85%。緊縮沒緊縮,能夠到 這里 做下測驗(yàn)。
5.Put Stylesheets at the Top 把CSS放頂部
讓閱讀者能盡早的看到網(wǎng)站的完整款式。
6.Put Scripts at the Bottom 把JS放底部
網(wǎng)站呈現(xiàn)完畢后再進(jìn)行功用設(shè)置,當(dāng)然這些JS要在你的加載過程中不影響內(nèi)容體現(xiàn)。
7.Avoid CSS Expressions 防止CSS Expressions
CSS表達(dá)式很可怕,這個(gè)只被IE支撐的東西執(zhí)行時(shí)分的運(yùn)算量非常大,你移動(dòng)一下鼠標(biāo)它都要進(jìn)行重核算的,但有時(shí)分為了做閱讀器的兼容必須要用到這個(gè)||| IE6去死去死!~
8.Make JavaScript and CSS External 將JS和CSS外鏈
前面講到了緩存這個(gè)工作,一些較為公用的JS和CSS,咱們能夠運(yùn)用外鏈的方法,譬如我便是從Google外鏈來的Jquery文件,假如我的閱讀者在閱讀其他運(yùn)用了這個(gè)外鏈文件的網(wǎng)站時(shí)現(xiàn)已下載并緩存了這個(gè)文件,那么他在閱讀我的網(wǎng)站的時(shí)分就不需求再進(jìn)行下載了!~
9.Reduce DNS Lookups 削減DNS查找
貌似是要削減網(wǎng)站從外部調(diào)用資源,我的Google剖析和picasa的外鏈圖片都算在里面了。
10.Minify JavaScript and CSS 減小JS和CSS的體積
寫JS和CSS都是有技巧的,用最少的代碼完成同樣的功用,削減空白,增強(qiáng)邏輯性,用縮寫方法等等,當(dāng)然也有不少工具也能夠幫你完成這一點(diǎn)。
11. Avoid Redirects 防止重定向
再寫入鏈接時(shí),盡管“http://www.loncent. com”和“http://www.loncent. com/” 僅有一個(gè)最后的“/”只差,可是結(jié)果是不同的,服務(wù)器需求花時(shí)刻把前者重定向?yàn)楹笳呷缓筮M(jìn)行跳轉(zhuǎn),這個(gè)要自己留意,也能夠在Apache里用Alias 或許mod_rewrite或許DirectorySlash解決。
12. Remove Duplicate Scripts 刪除重復(fù)腳本
重復(fù)調(diào)用的代碼閱讀器并不會(huì)識別疏忽,而是會(huì)再次運(yùn)算一遍,這當(dāng)然是大大的糟蹋。
13. Configure ETags 裝備ETags
搞不清楚咋回事,總之我是在. htaccess里把它刪除了。
14. Make Ajax Cacheable 緩存Ajax
Ajax是實(shí)時(shí)呼應(yīng)的,在閱讀器接收到新的數(shù)據(jù)前,舊的數(shù)據(jù)被緩存,這樣能夠更好的提高功率。
15. Flush the Buffer Early 盡早的釋放緩沖
當(dāng)用戶進(jìn)行頁面懇求時(shí),服務(wù)器端需求花費(fèi)200到500毫秒時(shí)刻來拼合HTML,將寫在head與body之間,釋放緩沖,這樣能夠?qū)⑽募^先發(fā)送出去,然后再發(fā)送文件內(nèi)容,提高功率。
16. Use GET for AJAX Requests 用GET方法進(jìn)行AJAX懇求
Get 辦法和服務(wù)器只有一次交互(發(fā)送數(shù)據(jù)),而 Post 要兩次(發(fā)送頭部再發(fā)送數(shù)據(jù))。
17. Post-load Components 推遲加載組件
最先加載必須的組件進(jìn)行頁面初始化,然后再加載其他,YUI Image Loader 是很好的例子。
18. Preload components 預(yù)加載組件
提前加載今后可能用到的東西,和推遲加載并不抵觸,它的意圖是為后續(xù)懇求提供更快的呼應(yīng),參見Google主頁上的CSS sprites應(yīng)用。
19. Reduce the Number of DOM Elements 削減DOM元素?cái)?shù)量
雜亂的頁面結(jié)構(gòu)意味著更長的下載及呼應(yīng)時(shí)刻,更合理更高效的運(yùn)用標(biāo)簽來架構(gòu)頁面,是好的前端的必備條件。
20. Split Components Across Domains 跨域分離組件
頁面組件多個(gè)來源能夠增大你的平行下載量,但留意不要過多,超越2-4個(gè)域名會(huì)引起上面說到的DNS查找糟蹋。
21. Minimize the Number of iframes 削減iframe數(shù)量
需求更有效的運(yùn)用 ifames。
iframe 優(yōu)點(diǎn):有利于下載緩慢的廣告等第三方內(nèi)容,安全沙箱,并行下載腳本
iframe 缺點(diǎn):即便為空也會(huì)有較大資源耗費(fèi),會(huì)阻撓頁面的onload,非語義
22. No 404s 不要呈現(xiàn)404頁面
站點(diǎn)本身里(非查找結(jié)果)呈現(xiàn)404頁面,無意義的404頁面會(huì)影響用戶體驗(yàn)而且會(huì)耗費(fèi)服務(wù)器資源。
23. Reduce Cookie Size 減小Cookie
Cookie在服務(wù)器及閱讀器之間的經(jīng)過文件頭進(jìn)行交換,盡可能減小Cookie體積,設(shè)置合理的過期時(shí)刻,能夠很好的提高功率。
24. Use Cookie-free Domains for Components 對組件運(yùn)用無Cookie的域名
對靜態(tài)組件的Cookie讀取是一種糟蹋,運(yùn)用另一個(gè)無Cookie的域名來寄存你的靜態(tài)組件式一個(gè)好辦法,或許也能夠在Cookie中只寄存帶www的域名。
25. Minimize DOM Access 削減DOM的拜訪次數(shù)
JS拜訪DOM是很慢的,盡量不要用JS來設(shè)置頁面布局。
26. Develop Smart Event Handlers 開發(fā)靈敏的事情處理句柄
DOM樹上過多的元素被參加事情句柄的話,反應(yīng)功率肯定會(huì)低,YUI事情工具有一個(gè) onAvailable 辦法能夠幫助你靈敏的設(shè)置DOM事情句柄
27. Choose < link >over @import 運(yùn)用< link >而非 @import
在IE中運(yùn)用@import就和在頁面底部用< link >相同,咱們前面說要把< link >放頂部的。
28. Avoid Filters 防止過濾器的運(yùn)用
假如需求Alpha透明,不要運(yùn)用AlphaImageLoader,它功率低下而且只對IE6及以下的版本適用,用PNG8圖片。假如你非要運(yùn)用,加上_filter避免影響IE7+用戶。
29. Optimize Images 優(yōu)化圖片
將你的GIF轉(zhuǎn)為PNG8會(huì)是個(gè)減小體積的好辦法,另外有很多辦法處理你的JPG及PNG圖片以到達(dá)優(yōu)化效果。
30. Optimize CSS Sprites 優(yōu)化CSS Sprites
在CSS Sprites中豎直并盡量緊湊的排列圖片,盡量將顏色類似的圖片排在一同,會(huì)減小圖片本身的巨細(xì)及提高頁面圖片顯示速度。
31. Don’t Scale Images in HTML 不要在HTML中縮放圖片
圖片要用多大的就用多大的,1000X1000的圖片被width=”100″ height=”100″今后,本身的KB數(shù)是不會(huì)削減的。
32. Make favicon. ico Small and Cacheable 縮小favicon. ico的巨細(xì)并緩存它
站點(diǎn)的閱讀器ICO應(yīng)該不是經(jīng)常換吧,那就長時(shí)刻的緩存它,而且最好控制在1K以下。
33. Keep Components under 25K 保證組件在25K以下
iPhone不能緩存25K以上的組件,而且這還是要在被緊縮前。
34. Pack Components into a Multipart Document 將組件打包進(jìn)一個(gè)多部分的文檔中
就好像在郵件中參加附件相同,一個(gè)HTTP懇求就夠了,可是這一技能需求保證你的代理支撐,iPhone就不支撐
網(wǎng)站建造之什么樣的網(wǎng)站才是個(gè)優(yōu)異的網(wǎng)站
2025-05-23
一個(gè)優(yōu)秀的網(wǎng)站不僅僅是外觀漂亮,更要具備良好的用戶體驗(yàn)、功能性、安全性和可維護(hù)性。1、豐富的內(nèi)容:給查找引擎生存之源 沒有內(nèi)容,
2025-05-23
以下是內(nèi)容原創(chuàng)的具體技巧,涵蓋選題、寫作、優(yōu)化等多個(gè)維度,幫助你產(chǎn)出更具獨(dú)特性和價(jià)值的內(nèi)容: 一、選題創(chuàng)新:從差異化角度切
內(nèi)容運(yùn)營規(guī)劃的具體策略有哪些?
2025-05-23
內(nèi)容運(yùn)營規(guī)劃需圍繞用戶需求、內(nèi)容價(jià)值、傳播效率構(gòu)建策略體系,以下從定位策劃、生產(chǎn)機(jī)制、呈現(xiàn)形式、分發(fā)推廣、數(shù)據(jù)優(yōu)化五大維度提供具體策略
2025-05-23
流量分析Google Analytics 4Adobe Analytics實(shí)時(shí)訪客地圖 + 來源占比環(huán)形圖熱力圖與錄像Hotjar(基礎(chǔ)版免
2025-05-08
現(xiàn)如今,互聯(lián)網(wǎng)時(shí)代,隨著智能手機(jī)和平板電腦的普及,越來越多的用戶通過這些移動(dòng)設(shè)備訪問網(wǎng)站。如果網(wǎng)站不能在手機(jī)端良好顯示,可能導(dǎo)致布局錯(cuò)亂、文
量身定制的公司網(wǎng)站建設(shè),助力企業(yè)騰飛
2025-05-08
在當(dāng)今數(shù)字化時(shí)代,公司網(wǎng)站已成為企業(yè)展示形象、傳遞信息、吸引客戶的重要窗口。一個(gè)量身定制、獨(dú)具特色的公司網(wǎng)站,不僅能夠提升企業(yè)的品牌形象,還
我們專注:網(wǎng)站策劃設(shè)計(jì)、網(wǎng)絡(luò)多媒體傳播、網(wǎng)站優(yōu)化及網(wǎng)站營銷、品牌策略與設(shè)計(jì)
主營業(yè)務(wù):網(wǎng)站建設(shè)、企業(yè)郵箱、網(wǎng)站優(yōu)化、域名注冊、虛擬空間
期待您與我們聯(lián)系!您的咨詢,是對我們極大的鼓勵(lì)和支持,也是我們共贏美好未來的開始! 更感謝您對我們的關(guān)注與信賴……
電 話: 021-67637587,13817759102 (微信同號)
電 話: 15900942493 (微信同號)
郵 箱: [email protected]
地 址: 上海市松江區(qū)榮樂中路228弄104號
地 址: 上海市閔行區(qū)(莘莊)友情路50弄15號1302室
上海開杰信息技術(shù)有限公司
電話:021-67637587 15900942493(微信同號)
地址:上海市閔行區(qū)(莘莊)友情路50弄15號1302室
地址:上海市松江區(qū)榮樂中路228弄104號202室
上海開杰信息技術(shù)有限公司 上海網(wǎng)站建設(shè) 電話:021-67637587
地址:上海市松江區(qū)榮樂中路228弄104號202室
地址:上海市閔行區(qū)(莘莊)友情路50弄15號1302
上海開杰信息技術(shù)有限公司松江分部
電話:021-67637587 15900942493
地址:上海市松江區(qū)榮樂中路228弄104號202室