作者就如何創(chuàng)建高性能網(wǎng)站分享了一些經(jīng)驗(yàn)。現(xiàn)整理出來與大家分享。
以下是博客內(nèi)容:
很多數(shù)據(jù)表明,網(wǎng)頁打開和下載的速度越慢,用戶越不愿使用。
從Google搜索中可看出,當(dāng)頁面顯示10個(gè)答案需要用時(shí)0.4秒,而頁面出現(xiàn)30個(gè)結(jié)果需要用時(shí)0.9秒,僅僅半秒鐘導(dǎo)致下降20%的傳輸,半秒鐘的延遲同時(shí)降低了用戶的滿意度。
我相信反過來也是如此,即網(wǎng)站速度越快,就會有更多的人愿意使用它。這是一個(gè)邏輯:頁面速度載入的越快,用戶就能越快可以辨別這個(gè)頁面是否包含了想要的東西。因此,他們總是愿意瀏覽快速的網(wǎng)站。不管這些內(nèi)容是否是用戶要尋找的,當(dāng)然也有類似的經(jīng)驗(yàn),可提供多個(gè)網(wǎng)站。那么如何辨別呢?首先,它得存在,速度要快。
你是否覺得這有必要如此對速度的需求?如果是這樣,我有三點(diǎn)建議與大家分享。
按照雅虎的指導(dǎo)方針
為建立快速的網(wǎng)站黃金參考標(biāo)準(zhǔn),雅虎2007年為網(wǎng)站提高速度的13個(gè)簡易規(guī)則。
這里有一些好的建議,如果運(yùn)行某一個(gè)網(wǎng)站,每天可擁有數(shù)百萬的用戶。
因?yàn)槲宜哪昵皩懙倪@個(gè),發(fā)生了一些有趣的事。我現(xiàn)在經(jīng)營一家公共網(wǎng)站,技術(shù)問答社區(qū),日常訪問量可達(dá)到數(shù)百萬用戶。當(dāng)然它也取決于網(wǎng)站規(guī)模的大小。 如果你想經(jīng)營一家公共網(wǎng)站,你真的應(yīng)該熟讀雅虎的清單,用心領(lǐng)會每一行或者借助于工具,它們都會幫助你改變網(wǎng)站的性能:
Yahoo YSlow
Google Page Speed
Pingdom Tools
一直以來,我們對雅虎的列表實(shí)施超過13項(xiàng),除了一個(gè):Using a Content Delivery Network。作為最后一步的優(yōu)化,我們剛剛推出了為所有靜態(tài)內(nèi)容的CDN,結(jié)果是令人興奮的,我們的數(shù)據(jù)中心在NYC, 因此,可以說成“在世界上的某個(gè)區(qū)域我們的網(wǎng)站為用戶提供的有多快速?”。
從技術(shù)的準(zhǔn)確度利益上講,靜態(tài)內(nèi)容不支持圖片特性,用戶必須通過我們的NFC服務(wù)來獲得動態(tài)內(nèi)容,但是90%的訪問者都是匿名的,只有36%的流量來自于美國。雅虎的研究表明,40%---60%的日常訪問者用一個(gè)空的瀏覽器來緩存,而能夠優(yōu)化這個(gè)全球冷門緩存性能是個(gè)巨大的勝利。
由于關(guān)于雅虎的性能調(diào)整,而且都是免費(fèi)的小工具,導(dǎo)致我們不會繼續(xù)推薦CDN,與其他公司相比類似亞馬遜、NetDNA和CacheFly等,自從2007年以來使用CDN也受益很多。因此。在時(shí)機(jī)成熟時(shí),把雅虎列表當(dāng)做一種信仰來工作吧。
重視(優(yōu)化)匿名和注冊用戶
目前我們的主要信息來源于匿名用戶,通過他們的搜索引擎以及其他方式獲知。
這是典型的“write once, read – and hopefully edit – millions of times.”,同時(shí)我們也因社區(qū)活躍用戶使網(wǎng)站內(nèi)容更加豐富多彩。我們一直在改進(jìn)新的性能,這也就意味著我們將提供JavaScript 和HTML甚至更多服務(wù)。通過下載量上就可以在用戶之間辨別出哪些用戶每天在網(wǎng)上,哪些用戶是一個(gè)月或者是一年才瀏覽網(wǎng)站。
兩種類別都很重要,針對不同的需求。匿名用戶偏愛優(yōu)化瀏覽器速度。而社區(qū)用戶則更關(guān)心內(nèi)容資源。兩種類別互相依賴,并需要不同的對待。我們設(shè)計(jì)和優(yōu)化兩個(gè)用戶類:匿名用戶和注冊用戶。下面是我隨機(jī)挑選的谷歌Chrome瀏覽器用戶使用情況:
我們盡量減少匿名用戶使用HTML, CSS and Javascript這樣網(wǎng)頁速度更快。我們在用戶輸入大區(qū)域設(shè)置一個(gè)基本功能“rez in”類似編輯功能,對注冊用戶來說,空間容量必須足夠大,同時(shí)我們也為大多數(shù)的社區(qū)用戶增加功能,避免損害匿名用戶的豐富體驗(yàn)。
Make Performance a Point of (Public) Pride 作出性能優(yōu)勢
現(xiàn)在,我們已經(jīng)完全使用雅虎的性能指導(dǎo),并確保對匿名用戶提供最基本的必要的服務(wù)。
當(dāng)談及網(wǎng)站性能時(shí),就會想到一個(gè)基本的定律:你永遠(yuǎn)無法讓網(wǎng)頁服務(wù)的速度比在服務(wù)器上渲染網(wǎng)頁的速度快。我知道這一點(diǎn),但是我得告訴你,如果在一年左右的開發(fā)進(jìn)程中沒有注意到幾百毫秒的差別,就會很容易會落入陷進(jìn)。當(dāng)某天,你回轉(zhuǎn)過來,發(fā)現(xiàn)你的網(wǎng)頁以一個(gè)非常奇異的速度呈現(xiàn)在服務(wù)器上了。這是一個(gè)了不起的速度,甚至你在網(wǎng)絡(luò)上傳輸?shù)谝粋€(gè)字節(jié)時(shí),網(wǎng)頁已經(jīng)打開!
這就是為什么作為一名開發(fā)人員,需要在每一個(gè)獨(dú)立頁面右上角設(shè)置性能。同時(shí),這正是我們用MVC Mini Profiler來促進(jìn)開源,而在把每一頁的右上角服務(wù)器渲染時(shí)間的簡單行來迫使我們解決我們所有的性能衰退和遺漏。
注意你可以點(diǎn)擊SQL上的鏈接,看看每一步實(shí)際運(yùn)行的時(shí)間有多久。你也可以把鏈接分享給你的伙伴們,開發(fā)出該運(yùn)行分析器數(shù)據(jù)中的弊端。它適用于AJAX請求,之前我所提到的開源MVC Mini Profiler是完全巨大的,如果此時(shí)你在.NET上,你應(yīng)該去核實(shí)下。
隨著開發(fā)團(tuán)隊(duì)為大家所呈現(xiàn)的渲染出的頁面,所作出的性能優(yōu)勢,很多地方由于一點(diǎn)點(diǎn)馬虎而導(dǎo)致頁面不相稱,大部分性能是凌亂的,甚至無法進(jìn)行重建,對用戶來說事情也變得更加簡單,快速。
它會正常運(yùn)行嗎? ILAsm正常運(yùn)行:
這是抓取Google頁面下載時(shí)段;從表上反映出完整的頁面需要載入的時(shí)間:
當(dāng)然,服務(wù)器頁面所呈現(xiàn)的時(shí)間僅僅是性能的一部分,它取決于的時(shí)間你從哪段開始。我不能保證頁面呈現(xiàn)的時(shí)間段能幫助我們多少,但作為一個(gè)開發(fā)團(tuán)隊(duì),應(yīng)該建立一個(gè)引人注目且又快的網(wǎng)站。我們的網(wǎng)站算是比較快的,但即使是像我們這么快的網(wǎng)站,因?yàn)檫@個(gè)簡單的變化我們也受益很多。
性能改變不是簡易之事,這是一個(gè)漫長而又艱難的道路,我們已經(jīng)朝著好的硬件方向不斷的改變著。
我清楚的記得,2000年從AltaVista系統(tǒng)切換到Google,它的速度極快,對我來說,性能是一種特性,相比慢的網(wǎng)頁我更喜歡快速的。因此我創(chuàng)建了一個(gè)網(wǎng)站,這也正是我想使用的。但是,我認(rèn)為在公共互聯(lián)網(wǎng)競爭環(huán)境中有一種東西永遠(yuǎn)值得我們?nèi)W(xué)習(xí)——即所謂的兩種類型的網(wǎng)站:快速與停滯。
企業(yè)網(wǎng)站建設(shè)解決方案 營銷型網(wǎng)站建設(shè)解決方案 行業(yè)門戶網(wǎng)站建設(shè)解決方案 外貿(mào)網(wǎng)站解建設(shè)決方案 品牌形象網(wǎng)站建設(shè)解決方案 購物商城網(wǎng)站建設(shè)解決方案 政府網(wǎng)站建設(shè)解決方案 手機(jī)網(wǎng)站建設(shè)解決方案 教育培訓(xùn)網(wǎng)站建設(shè)解決方案 珠寶高端奢飾品網(wǎng)站建設(shè)解決方案 房地產(chǎn)、地產(chǎn)項(xiàng)目網(wǎng)站建設(shè)解決方案 集團(tuán)、上市企業(yè)網(wǎng)站建設(shè)解決方案 數(shù)碼、電子產(chǎn)品網(wǎng)站建設(shè)解決方案 美容、化妝品行業(yè)網(wǎng)站建設(shè)解決方案
10年專業(yè)互聯(lián)網(wǎng)服務(wù)經(jīng)驗(yàn) 重慶最專業(yè)網(wǎng)站團(tuán)隊(duì) 資深行業(yè)分析策劃 B2C營銷型網(wǎng)站建設(shè)領(lǐng)先者 最前沿視覺設(shè)計(jì)、研發(fā)能力 時(shí)刻最新技術(shù)領(lǐng)先研發(fā)能力 具有完備的項(xiàng)目管理 完善的售后服務(wù)體系 深厚的網(wǎng)絡(luò)運(yùn)營經(jīng)驗(yàn)
中技互聯(lián)一直秉承專業(yè)、誠信、服務(wù)、進(jìn)取的價(jià)值觀,堅(jiān)持優(yōu)秀的商業(yè)道德,以用戶最終價(jià)值為導(dǎo)向,向用戶提供優(yōu)質(zhì)產(chǎn)品和優(yōu)質(zhì)服務(wù),從而贏得了用戶的信賴。始終以不懈的努力、更高的目標(biāo)來要求自己。
主營業(yè)務(wù):網(wǎng)站建設(shè) | 重慶網(wǎng)站建設(shè) | 重慶網(wǎng)站設(shè)計(jì) | 重慶網(wǎng)站制作 | 重慶網(wǎng)頁設(shè)計(jì) | 重慶網(wǎng)站開發(fā)