不要在你的網(wǎng)站上使用視差滾動效果的5個原因(翻譯)

 視差滾動（Parallax scrolling）效果是2013年最熱門的網(wǎng)頁設計趨勢之一。但是，我預言2014年我們將會看到它慢慢消失，因為這個效果在實現(xiàn)過程中存在太多問題了。如果你在網(wǎng)站中曾經(jīng)創(chuàng)建或使用過視差滾動，你就會發(fā)現(xiàn)其中的一些端倪。下面，我列舉出我認為視差滾動存在的負面因素，這些因素會反過來會讓網(wǎng)頁設計倒退到其他的設計形式上。如果你認為我錯了，歡迎你對這篇文章提出任何評論或反饋。讓我們來開始吧！

1、視差滾動不利于SEO？

        在標題里我用了疑問句，是因為我還沒有對視差滾動對SEO造成的影響做深入研究。但是，我們將會失去一個站長對正規(guī)站點常用設置的優(yōu)化選項：

• 在url中沒有關鍵詞：采用視差滾動，你的得到的僅僅是一個url。你將不再有其他共同起作用的頁面url。

• 沒有多個H1標簽：在一個典型的視差滾動網(wǎng)站中，你僅能獲得一個起作用的H1標簽。

• 更少的內(nèi)部鏈接：把所有內(nèi)容都放在一個頁面，會降低你能控制的內(nèi)部鏈接數(shù)量。不管你信不信，內(nèi)部鏈接會將錨文本導向它們指向的相關頁面。

• 速度慢：速度能在一定程度上影響Google排名算法。如果你在一頁中有太多內(nèi)容，加載過程會降低頁面速度，同時降低了頁面排名的能力。

2、很難跟蹤與分析

        傳統(tǒng)站點允許通過不同的登陸頁跟蹤訪問用戶的行為。在視差滾動（站點），想知道單一頁面的哪個區(qū)段為你的訪問者提供了最大價值，這是個難事兒。對于視差滾動站點，也很難實施任何一種形式的A/B測試。

        不進行適當?shù)母櫡治?，一個網(wǎng)站站長就不能通過改善頁面或內(nèi)容來提升網(wǎng)站流量和轉化率。

3、視差滾動增加了讀取時間

        視差滾動需要一些jquery腳本的計算。你擁有越多的內(nèi)容，腳本需要越長的時間來計算（頁面上）每個元素的移動位置。對于網(wǎng)絡環(huán)境不佳的用戶，視差滾動網(wǎng)站看起來就像是在爬行（那么慢）。這可不是個好的用戶體驗，所以我們應該仔細考慮什么時候，以及怎樣最好地使用視差滾動。

4、視差滾動在移動設備上無效果

        隨著移動瀏覽器變得越來越流行，我們無法忍受一個網(wǎng)站設計在移動設備上無法使用。不幸的是，當你使用視差滾動時，這種事情發(fā)生了。目前也有能讓視差滾動網(wǎng)站工作在移動設備上的代碼，不過那不是免費的。我們可能會在未來解決這個問題，但是現(xiàn)在，它仍舊是個能夠降低網(wǎng)站可用性指標的東西，尤其是我們在移動設備上使用時。

5、缺乏導航，瀏覽時會感到很煩人

        有些時候，我需要滾動到頁面的最底端來找到我需要的信息，這很煩人。一些聰明的設計師使用了錨點鏈接，但“飛過”所有不需要的內(nèi)容，最終到達我想要閱讀或了解的地方，仍舊讓人覺得很煩。所有這些問題都歸結為在視差滾動網(wǎng)站缺乏良好的導航設計。大部分網(wǎng)站只用了向下箭頭作為唯一的導航方法，坦白來說，那并不好用。你第一次用可能會覺得不錯，但重復使用這樣的網(wǎng)站后，你必然會希望有一種更快的方法來進行導航。

        所以，你對視差滾動的看法是什么呢？缺點比優(yōu)點多？還是正好相反，優(yōu)點比缺點多？

===================個人思考分割線=================================

        作為一種更優(yōu)的呈現(xiàn)方式，視差滾動效果的網(wǎng)站給人一種耳目一新的感覺，能夠在第一時間給網(wǎng)站訪問者提供靚麗的視覺體驗，會在一定程度上提升品牌識別度，讓人印象深刻，這是它的優(yōu)點，也是我們值得學習的地方。

        但從另一個角度看，確實如文中作者所述，該類網(wǎng)站也有諸多劣勢。我也確實看到國內(nèi)一些網(wǎng)站，最初是以視差滾動方式實現(xiàn)，后來又轉變成常規(guī)站點。綜合起優(yōu)缺點，個人建議在以下場景，網(wǎng)站可以考慮采用視差滾動方式：

1、初創(chuàng)網(wǎng)站。如果其目的在于宣傳品牌、產(chǎn)品，且無太多文本內(nèi)容呈現(xiàn)時，可在初期上線視差滾動網(wǎng)站，讓人先對其產(chǎn)生興趣，留下印象。之后隨著訪客增多，內(nèi)容完善后，再改回常規(guī)網(wǎng)站形式。

2、主題宣傳站點。對于需要在某個時間段發(fā)布的活動宣傳頁面，需要盡可能為用戶產(chǎn)生視覺上的沖擊，可上線視差滾動站點。例如阿里、騰訊很多專題網(wǎng)站。

3、特殊行業(yè)站點。這類站點的特色也在于“宣傳為主、突出視覺沖擊力、內(nèi)容有限”。如一些設計公司網(wǎng)站、游戲公司網(wǎng)站。

原文地址：5 reasons why parallax scrolling is bad for your website