加載時間是影響網(wǎng)站成功的重要變量之一。不幸的是,不可能有一個立即加載的站點才能擁有一個立即加載的站點,某些等待時間在技術上是不可壓縮的。這就是為什么今天我們?yōu)槟峁¦eb性能優(yōu)化的另一個愿景。除了了解增加網(wǎng)頁加載時間的8個技巧,并且還要了解影響您的電子商務網(wǎng)站加載時間的7個因素。
更需要注意如果有可能使用戶忘記他正在等待怎么辦?
等待時間,我們的看法非常主觀
首先,最好區(qū)分兩個不同的級別:
有效加載時間:易于測量,表示用戶操作與獲得結(jié)果之間的間隔。
用戶感知的等待時間:測量感知時間是一項復雜的工作。確實,我們在這里對一個主題感興趣,該主題將取決于許多標準(有效的加載時間,當然還有與上下文和用戶環(huán)境有關的變量)。
一項研究調(diào)查了加載時間的感知,并為我們提供了以下信息:
小于100毫秒:延遲不明顯;
不到一秒鐘:延遲很明顯,但用戶認為治療正在進行中,并且不是異常;
超過一秒鐘:您失去速度感;
超過10秒:大部分用戶的注意力已丟失。即使他不放棄自己的行動,他也可能已經(jīng)忘記了相關上下文的一部分,并且恢復當前行動可能會出現(xiàn)問題。
專注于重要內(nèi)容和必要行動
您可以很自然地根據(jù)給定頁面內(nèi)容的重要性建立層次結(jié)構(gòu),即使必須考慮到所有Internet用戶的興趣或行為也不相同。
通過盡快發(fā)布頁面上最重要的內(nèi)容,您可以使Internet用戶快速獲取他們正在尋找的信息,從而減少等待的感覺。例如,當用戶到達產(chǎn)品頁面時,您必須首先向他們提供與產(chǎn)品直接相關的信息:描述,價格,插圖等。相反,某些內(nèi)容或功能對訪問者沒有直接的作用。例如,社交小部件就是這種情況:很容易看出,在主要內(nèi)容感興趣之前加載此功能。用戶為什么要共享他們尚未查看的內(nèi)容?同樣,重要的是要優(yōu)先顯示折疊上方的內(nèi)容,也就是說,用戶可以立即看到的內(nèi)容(無需滾動即可滾動)頁)。
當您的頁面很長時,這種方法會更加有趣。但是,此概念的實現(xiàn)非常技術性(base 64中的圖像,CSS內(nèi)聯(lián)等),因此在此我們將不進行詳細介紹,但會在評論中毫不猶豫地詢問您的問題。
通知用戶考慮其行為
當您網(wǎng)站上的某些操作未向用戶發(fā)送即時響應時,請確保通知用戶已考慮他們的請求。
提醒一下,您可以考慮即時響應的延遲小于100毫秒。
您可能多次單擊按鈕,以為未考慮該操作。然后過了一會兒才知道結(jié)果只是緩慢地到達。我們都有過這種經(jīng)驗,但是在大多數(shù)情況下,可以非常簡單地避免這種挫敗感。
簡而言之:確保用戶與您的網(wǎng)站的任何互動都會引起視覺通知(通過在退化的條件下測試您的網(wǎng)站)。識別非關鍵動作,即使您不是絕對確定的,也可以將其視為樂觀的方式,直接向用戶表明其動作的結(jié)果已經(jīng)實現(xiàn)。使用相關的負荷指標
不幸的是,并不是所有的互動都能得到樂觀的對待。最簡單也是最常見的原因:您需要輪詢服務器以獲取內(nèi)容或結(jié)果。
在某些情況下,等待時間可能很長,因為某些操作既復雜又麻煩(以最優(yōu)惠的價格搜索機票等)。
利用您的彈出式窗口(選擇語言,促銷)
有許多網(wǎng)站可以通過彈出窗口顯示促銷內(nèi)容,例如,或來自所選國家/地區(qū)的請求。電子商務巨頭經(jīng)常使用這種技術,很少使用它來改善用戶體驗。相反,彈出窗口最常導致其降級。
誰從未見過頁面加載,開始閱讀一些單詞,突然發(fā)現(xiàn)自己被彈出窗口打斷了?如果我們想將其強加給我們,為什么不首先加載此彈出窗口?
這種彈出窗口的更相關的用途是盡快顯示它,并由于該頁面被彈出窗口隱藏,因此允許頁面以不可見的方式加載到后臺。
的確,在訪問者查詢所展示的促銷(或其他)的時間時,請求頁面的一部分將有時間加載。
向您的用戶學習,預加載內(nèi)容
存在幾種用于在不同級別上預加載網(wǎng)頁的技術。一般概念是預期在用戶的下一個動作期間將需要一個元素,并因此預期此動作所需的處理。
因此,當用戶觸發(fā)相關步驟時,我們將加快加載速度。
一個簡單的示例:您有一個登陸頁面A,它將其95%的訪問者引導到頁面B。在這種情況下,可以在頁面A加載后就預加載頁面B的內(nèi)容。 。
而且我們可以走得更遠,因為某些瀏覽器不僅可以預期內(nèi)容的恢復,還可以預先計算頁面的呈現(xiàn)。因此,當用戶從頁面A轉(zhuǎn)到頁面B時,結(jié)果幾乎是瞬時的,因為他已經(jīng)下載了內(nèi)容并且瀏覽器在顯示B之前已經(jīng)進行了必要的處理!
在這個問題上,未來看起來非常光明。例如,正在開發(fā)概率方法,特別是考慮到互聯(lián)網(wǎng)用戶的帶寬或電池(移動)約束。