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

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

1、視差滾動不利于SEO？

        在標(biāo)題里我用了疑問句，是因?yàn)槲疫€沒有對視差滾動對SEO造成的影響做深入研究。但是，我們將會失去一個站長對正規(guī)站點(diǎn)常用設(shè)置的優(yōu)化選項(xiàng)：

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

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

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

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

2、很難跟蹤與分析

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

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

3、視差滾動增加了讀取時(shí)間

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

4、視差滾動在移動設(shè)備上無效果

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

5、缺乏導(dǎo)航，瀏覽時(shí)會感到很煩人

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

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

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

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

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

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

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

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

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