廣告：

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

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

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

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

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

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

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

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

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

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

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

前臺影響性能一些要素:

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

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

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

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

廣告：