怎么優(yōu)化網(wǎng)站加載速度?為什么要優(yōu)化網(wǎng)站的加載時(shí)間?

2019-07-10    分類: 網(wǎng)站建設(shè)

加載時(shí)間是影響網(wǎng)站成功的重要變量之一。不幸的是,不可能有一個(gè)立即加載的站點(diǎn)才能擁有一個(gè)立即加載的站點(diǎn),某些等待時(shí)間在技術(shù)上是不可壓縮的。這就是為什么今天創(chuàng)新互聯(lián)為您提供Web性能優(yōu)化的另一個(gè)愿景。除了了解增加網(wǎng)頁加載時(shí)間的8個(gè)技巧,并且還要了解影響您的電子商務(wù)網(wǎng)站加載時(shí)間的7個(gè)因素。

更需要注意如果有可能使用戶忘記他正在等待怎么辦?

怎么優(yōu)化網(wǎng)站加載速度?為什么要優(yōu)化網(wǎng)站的加載時(shí)間?

等待時(shí)間,我們的看法非常主觀

首先,最好區(qū)分兩個(gè)不同的級(jí)別:

有效加載時(shí)間:易于測(cè)量,表示用戶操作與獲得結(jié)果之間的間隔。

用戶感知的等待時(shí)間:測(cè)量感知時(shí)間是一項(xiàng)復(fù)雜的工作。確實(shí),我們?cè)谶@里對(duì)一個(gè)主題感興趣,該主題將取決于許多標(biāo)準(zhǔn)(有效的加載時(shí)間,當(dāng)然還有與上下文和用戶環(huán)境有關(guān)的變量)。

一項(xiàng)研究調(diào)查了加載時(shí)間的感知,并為我們提供了以下信息:

  • 小于100毫秒:延遲不明顯;

  • 不到一秒鐘:延遲很明顯,但用戶認(rèn)為治療正在進(jìn)行中,并且不是異常;

  • 超過一秒鐘:您失去速度感;

  • 超過10秒:大部分用戶的注意力已丟失。即使他不放棄自己的行動(dòng),他也可能已經(jīng)忘記了相關(guān)上下文的一部分,并且恢復(fù)當(dāng)前行動(dòng)可能會(huì)出現(xiàn)問題。

專注于重要內(nèi)容和必要行動(dòng)

您可以很自然地根據(jù)給定頁面內(nèi)容的重要性建立層次結(jié)構(gòu),即使必須考慮到所有Internet用戶的興趣或行為也不相同。

通過盡快發(fā)布頁面上最重要的內(nèi)容,您可以使Internet用戶快速獲取他們正在尋找的信息,從而減少等待的感覺。例如,當(dāng)用戶到達(dá)產(chǎn)品頁面時(shí),您必須首先向他們提供與產(chǎn)品直接相關(guān)的信息:描述,價(jià)格,插圖等。相反,某些內(nèi)容或功能對(duì)訪問者沒有直接的作用。例如,社交小部件就是這種情況:很容易看出,在主要內(nèi)容感興趣之前加載此功能。用戶為什么要共享他們尚未查看的內(nèi)容?同樣,重要的是要優(yōu)先顯示折疊上方的內(nèi)容,也就是說,用戶可以立即看到的內(nèi)容(無需滾動(dòng)即可滾動(dòng))頁)。

當(dāng)您的頁面很長時(shí),這種方法會(huì)更加有趣。但是,此概念的實(shí)現(xiàn)非常技術(shù)性(base 64中的圖像,CSS內(nèi)聯(lián)等),因此在此我們將不進(jìn)行詳細(xì)介紹,但會(huì)在評(píng)論中毫不猶豫地詢問您的問題。

通知用戶考慮其行為

當(dāng)您網(wǎng)站上的某些操作未向用戶發(fā)送即時(shí)響應(yīng)時(shí),請(qǐng)確保通知用戶已考慮他們的請(qǐng)求。

提醒一下,您可以考慮即時(shí)響應(yīng)的延遲小于100毫秒。

您可能多次單擊按鈕,以為未考慮該操作。然后過了一會(huì)兒才知道結(jié)果只是緩慢地到達(dá)。我們都有過這種經(jīng)驗(yàn),但是在大多數(shù)情況下,可以非常簡(jiǎn)單地避免這種挫敗感。

簡(jiǎn)而言之:確保用戶與您的網(wǎng)站的任何互動(dòng)都會(huì)引起視覺通知(通過在退化的條件下測(cè)試您的網(wǎng)站)。識(shí)別非關(guān)鍵動(dòng)作,即使您不是絕對(duì)確定的,也可以將其視為樂觀的方式,直接向用戶表明其動(dòng)作的結(jié)果已經(jīng)實(shí)現(xiàn)。
使用相關(guān)的負(fù)荷指標(biāo)

不幸的是,并不是所有的互動(dòng)都能得到樂觀的對(duì)待。最簡(jiǎn)單也是最常見的原因:您需要輪詢服務(wù)器以獲取內(nèi)容或結(jié)果。

在某些情況下,等待時(shí)間可能很長,因?yàn)槟承┎僮骷葟?fù)雜又麻煩(以最優(yōu)惠的價(jià)格搜索機(jī)票等)。


利用您的彈出式窗口(選擇語言,促銷)

有許多網(wǎng)站可以通過彈出窗口顯示促銷內(nèi)容,例如,或來自所選國家/地區(qū)的請(qǐng)求。電子商務(wù)巨頭經(jīng)常使用這種技術(shù),很少使用它來改善用戶體驗(yàn)。相反,彈出窗口最常導(dǎo)致其降級(jí)。

誰從未見過頁面加載,開始閱讀一些單詞,突然發(fā)現(xiàn)自己被彈出窗口打斷了?如果我們想將其強(qiáng)加給我們,為什么不首先加載此彈出窗口?

這種彈出窗口的更相關(guān)的用途是盡快顯示它,并由于該頁面被彈出窗口隱藏,因此允許頁面以不可見的方式加載到后臺(tái)。

的確,在訪問者查詢所展示的促銷(或其他)的時(shí)間時(shí),請(qǐng)求頁面的一部分將有時(shí)間加載。


向您的用戶學(xué)習(xí),預(yù)加載內(nèi)容

存在幾種用于在不同級(jí)別上預(yù)加載網(wǎng)頁的技術(shù)。一般概念是預(yù)期在用戶的下一個(gè)動(dòng)作期間將需要一個(gè)元素,并因此預(yù)期此動(dòng)作所需的處理。

因此,當(dāng)用戶觸發(fā)相關(guān)步驟時(shí),我們將加快加載速度。

一個(gè)簡(jiǎn)單的示例:您有一個(gè)登陸頁面A,它將其95%的訪問者引導(dǎo)到頁面B。在這種情況下,可以在頁面A加載后就預(yù)加載頁面B的內(nèi)容。 。

而且我們可以走得更遠(yuǎn),因?yàn)槟承g覽器不僅可以預(yù)期內(nèi)容的恢復(fù),還可以預(yù)先計(jì)算頁面的呈現(xiàn)。因此,當(dāng)用戶從頁面A轉(zhuǎn)到頁面B時(shí),結(jié)果幾乎是瞬時(shí)的,因?yàn)樗呀?jīng)下載了內(nèi)容并且瀏覽器在顯示B之前已經(jīng)進(jìn)行了必要的處理!

在這個(gè)問題上,未來看起來非常光明。例如,正在開發(fā)概率方法,特別是考慮到互聯(lián)網(wǎng)用戶的帶寬或電池(移動(dòng))約束。


結(jié)論:
請(qǐng)確保您已優(yōu)化加載時(shí)間。隱藏等待是一件好事,在實(shí)踐中減少等待是必要甚至必要的!

新聞名稱:怎么優(yōu)化網(wǎng)站加載速度?為什么要優(yōu)化網(wǎng)站的加載時(shí)間?
轉(zhuǎn)載注明:http://www.bm7419.com/news21/80071.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計(jì)公司、企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)網(wǎng)站導(dǎo)航、靜態(tài)網(wǎng)站移動(dòng)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)