網站開發(fā)移動端和網頁端的優(yōu)化反饋過程及策略機制禮品冊兌換網站開發(fā)建站

加載是信息更新的反饋過程。包括人機交互的反饋，以及計算機（客戶端）與服務器（后臺）交互的反饋。

觸發(fā)加載有兩種方式：一種是用戶手動觸發(fā)，比如點擊【朋友圈】。

另一個是系統定時任務，按照一定的頻率或規(guī)則自動執(zhí)行。例如，如果聊天消息的時間在1分鐘內顯示“剛剛”，那么定時任務可以每分鐘刷新一次，時間顯示模式會自動更新。

產品經理需要確定加載策略機制，以減少或分散等待時間的壓力。同時優(yōu)化反饋效果，緩解焦慮。

下面，我們將分別討論移動端和Web端。

一、App加載策略機制1.整個頁面同步加載

整個頁面的所有內容都一次性加載給用戶。網速不友好很容易“死胎”。所以加載過程中會出現白屏。

為避免空虛，常與菊花或進度條搭配使用。

2. 異步加載

可以從三個角度進行設計：

首先加載占用較少網絡資源的元素模塊。例如，文本和默認圖標后跟圖片。按重量模塊加載。例如，如果模塊相關，則先加載父內容，然后加載子內容。分步加載相同的模塊。例如，首先加載縮略圖或占位符，用戶在加載較大的圖像之前單擊它。再比如，當加載的頁面有固定框架時，??可以先加載框架，再加載框架中的內容。這個加載的屏幕被稱為“骨架屏幕”。

異步加載是一個比較成熟的指導思想。多用于頁面內容較多，圖文混雜的時候。

3. 預加載

預加載是在加載頁面內容時預測用戶的下一步行為，為下一步需要使用的頁面預先加載內容。例如小程序開發(fā)，在網易新聞中，即使您從未打開過新聞，如果您與互聯網斷開連接小程序開發(fā)，您仍然可以查看新聞。

4. 延遲加載

延遲加載解決方案是，只有當圖像滾動到窗口中并被用戶看到時，它才會真正加載。目前淘寶、知乎等大流量網站已經采用了圖片滾動的懶加載方案。

5. 分頁加載

分頁加載可以減輕單個加載的壓力。適用于瀑布、長列表、產品列表等。

有些頁面有明確的[Next]按鈕，點擊加載下一頁。

有些是無形的分頁，比如抖音的視頻瀑布，在用戶看來就是源源不斷的信息流。

這就是為什么我們看新聞、瀏覽淘寶、瀏覽微博都出不去的原因。缺點是容易迷路，不方便快速索引定位某個內容。

6. 離線緩存加載

首先，在有網絡的情況下提前加載數據，并在本地緩存。沒有網絡時，直接加載緩存的內容。

但是，考慮到手機的空間，應該設計一個合適的清除緩存的機制。

二、App加載界面反饋設計1.圖標

1）加載圖標樣式

通常你可以選擇傳統的菊花動畫。

如果我們更進一步，我們可以將品牌基因構建到指標的設計中。以飛豬的動態(tài)效果為例，無疑體現了產品之間的差異。

我們可以稍微考慮一下，選擇用一些有趣的動畫來分散用戶的注意力。

2）圖標放置

2. 加載替代形式

1）啟動頁面

啟動app需要一個短暫的過程，啟動頁面的作用就是等到系統加載啟動。

啟動頁面可以是廣告空間、假日營銷或品牌知名度。它可以是靜態(tài)頁面或動態(tài)圖像。

另一種啟動頁面的方式是讓它和首頁一樣，給人一種進入首頁很快的感覺。

2）以跳躍或運動偽裝加載

跳躍本身也需要一定的時間，所以也可以為加載爭取時間。比如添加到購物車動畫。

3. 支持加載時及時退出

用戶有權選擇不加載，也可以將加載的默認時間設置為不能提示用戶重新加載。

三、pC端頁面加載機制1.頁面加載速度的影響

如果用戶試圖訪問你的網站，那么你的網站應該在 10 秒內打開網站開發(fā)，如果超過這個時間，他將放棄任務的執(zhí)行。

許多研究表明，用戶最滿意的是他們在 2 秒內打開頁面的時間。如果頁面等待超過 12 秒后還沒有加載，那么超過 99% 的用戶會關閉頁面。

在我做的一個實驗中，加載一個顯示 10 個搜索結果的頁面需要 0.4 秒，加載一個顯示 30 個搜索結果的頁面需要 0.9 秒。如果采用后一種方案，流量和收入各下降 20%。

這就是為什么在很多電商后臺管理系統中，默認加載的數據個數是10個，而不是15個或30個。

2. 了解頁面加載過程

當用戶打開一個頁面時，首先是頁面的框架，將不需要加載的內容呈現出來，然后逐漸從服務器拉取數據，會出現頁面的部分內容pC端空白。如果在App端使用H5技術打開網頁，一般會給出加載條。

我們可以這樣理解，打開一個基于html的靜態(tài)頁面，然后混入調用服務器算法的元素，不斷渲染加載，呈現出我們所期待的樣子。

用戶的等待時間主要花在下載網頁元素上，即HTML、CSS、、、、圖片等。

統計顯示，每增加一個元素，頁面加載時間就會增加 25-40 毫秒（取決于用戶的帶寬）。

打開頁面→HTML寫的靜態(tài)頁面→//ajax（AJAX意思是“和XML”（異步和XML）等渲染→處理提交表單的數據，向后端對應的發(fā)起ajax請求pHp api接口 → pHp in 接收到數據后，連接服務器，服務器通過pHp中的SQL語句處理數據庫關鍵字返回給pHp，再返回給前端，前端將數據渲染在HTML通過JS處理，最終呈現給用戶。

點擊事件加入購物車的一般步驟是：用戶點擊“加入購物車”按鈕→頁面獲取當前商品的唯一值（如商品ID：）→JS處理點擊事件，并通過ajax請求將唯一值連同用戶信息傳送給pHp→pHp請求連接服務器→執(zhí)行數據庫語句→服務器返回執(zhí)行結果給pHp→pHp將執(zhí)行結果傳送給前端。

如果數據庫語句執(zhí)行成功，數據庫中用戶的購物車表會多出一條剛剛添加的商品數據，服務器也會返回執(zhí)行成功信息（以及一個非空的數據串）給pHp，而用戶的界面會顯示“成功加入購物車”字樣。

如果執(zhí)行失敗網站開發(fā)，也會將失敗信息（err）傳遞給pHp，用戶界面也會顯示相應的提示。

由于當前網頁使用大量的JS，瀏覽器在打開頁面時會占用大量內存。服務端的壓力得到了緩解，但是壓力卻轉移到了客戶端。

3. 如何優(yōu)化頁面打開速度

新聞標題：網站開發(fā)移動端和網頁端的優(yōu)化反饋過程及策略機制禮品冊兌換網站開發(fā)建站
本文URL：http://www.jbt999.com/news4/299004.html

成都網站建設公司_創(chuàng)新互聯，為您提供品牌網站建設、企業(yè)網站制作、定制開發(fā)、微信公眾號、手機網站建設、用戶體驗

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯