廣告：

研究表明，用戶判斷一個(gè)網(wǎng)站是否具有視覺吸引的時(shí)間不過零點(diǎn)幾秒，這就是第一印象如此重要的原因。如果用戶對(duì)網(wǎng)站的第一印象是在他能看到點(diǎn)什么之前屏幕會(huì)出現(xiàn)5-10秒的空白，網(wǎng)站對(duì)她還能有多少吸引力？

2012年一項(xiàng)由Strangeloop公司對(duì)Alexa排名前100的零售網(wǎng)站所做的研究發(fā)現(xiàn)，首次訪問這些網(wǎng)站的平均加載時(shí)間是7.14秒。

7秒的時(shí)間似乎并不長(zhǎng)，但當(dāng)用戶盯著空白屏幕等待時(shí)就會(huì)覺得它無比漫長(zhǎng)。你可自己試試計(jì)數(shù)到7秒來體會(huì)一下。即使用戶不得不等待，他們的第一印象會(huì)覺得網(wǎng)站在浪費(fèi)他們的時(shí)間。無論最終網(wǎng)站看上去有多好，糟糕的第一印象會(huì)始終停留在他們腦海中。

更有可能的是，用戶不會(huì)等待，他們通常的期望是網(wǎng)站能在二三秒內(nèi)加載完成。Econsultancy公司（一家全球依靠的咨詢公司，專注于數(shù)字營(yíng)銷和電子商務(wù)）在2012年的一項(xiàng)研究中發(fā)現(xiàn)，74%的移動(dòng)用戶在網(wǎng)站的加載時(shí)間超過5秒之后會(huì)選擇放棄等待。

然而，最重要的指標(biāo)不是網(wǎng)站實(shí)際有多快，而是用戶感覺它有多快。性能指標(biāo)可以告訴我們加載和渲染網(wǎng)頁各部分需要多長(zhǎng)時(shí)間，但如果用戶在整個(gè)頁面加載完成之前就能在屏幕上看到些內(nèi)容，效果就完全不同了。

除了網(wǎng)站的用戶體驗(yàn)之外，優(yōu)化網(wǎng)站性能還有一個(gè)不太為人所知但同樣重要的原因：它會(huì)在搜索引擎結(jié)果中帶來更好的位置排名。

2010年，谷歌宣布網(wǎng)站速度將是其搜索引擎排名算法中的一個(gè)因數(shù)，對(duì)桌面和手機(jī)網(wǎng)站來說，加載緩慢的網(wǎng)站將在搜索排名中得到處罰。國(guó)為網(wǎng)站速度影響用戶體驗(yàn)，更快的網(wǎng)站意味著較好的質(zhì)量，相比較慢的網(wǎng)站用戶更喜歡前者。

性能對(duì)網(wǎng)站的用戶體驗(yàn)至關(guān)重要，它需要作為設(shè)計(jì)元素來考慮，而不僅僅是技術(shù)規(guī)范。

設(shè)計(jì)與性能平衡：

問題在于如何在性能與其他方面（比如顯示效果）之間取得平衡。

你可以用HTML、CSS和JavaScript做出各種令人驚嘆的事情，使得你的網(wǎng)站看上去非常酷炫并能做令人難以置信的事。但是網(wǎng)站的主要目標(biāo)并非是為了好看，而是向用戶提供信息及與用戶交互。如果為了追求視覺效果而使網(wǎng)站變慢，那么實(shí)際上是在妨礙此目標(biāo)，你需要重新審視所做的事情。

前臺(tái)影響性能一些要素:

1，JavaScript會(huì)對(duì)網(wǎng)站性能造成影響，特別是那些會(huì)阻塞站點(diǎn)內(nèi)容加載和渲染的JavaScript腳本。可以通過使用內(nèi)聯(lián)腳本、延遲加載、推遲執(zhí)行來解決阻塞問題。確保在所有的頁面上只加載需要的JavaScript和CSS，并在可能的情況下用HTML/CSS替代腳本。

2，托管主機(jī)也會(huì)影響性能。確保你為自己主機(jī)所選擇的公司及主機(jī)計(jì)劃在性能上有良好的口碑。還可以使用內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN加速)來加速網(wǎng)站，并確保內(nèi)容管理系統(tǒng)不會(huì)減慢網(wǎng)站的速度。

3，有條件地加載內(nèi)容或者使用RESS（Responsive design +Server-Side Component 響應(yīng)式設(shè)計(jì)+服務(wù)器端組件)都有助于提高性能。

總之，良好的性能來源于將大量有助于提升性能的方法融入到網(wǎng)站的創(chuàng)建過程中。

廣告：