国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

搜索結果頁優化

Shimmer / 2088人閱讀

摘要:業務場景在里面,輸入一個關鍵詞,得到一個搜索結果,這是一個很常見的一個功能場景。滑動頁面的時候,就不會存在卡頓的情況方案二讓客戶端提前預取數據,預取的時機可以根據自己的業務場景判斷共享數據業務場景搜索結果頁面,點擊每一個,可以進入詳情頁面。

業務場景
在App里面,輸入一個關鍵詞,得到一個搜索結果,這是一個很常見的一個功能場景。對于前端而言,有很多事情可以嘗試和實踐。
優化方案 1. 首屏服務端渲染
   第一頁可以使用服務端渲染,減少頁面的請求量,可快速渲染
方案一:node+ejs
  適用的場景:頁面的復雜度低,不存在大量的組件或者模塊間信息的同步。
方案二:node+vue+vuex

適用的場景:頁面的復雜程度高,含有大量的組件和組件間的信息流通或者同步。使用node+vue+vuex,方便團隊成員間的協作開發和后期維護。

2. 預先加載數據:接下來幾屏數據
    業務場景:搜索出來的結果,滑動時,顯示更多的結果

方案一:請求第一屏幕的數據時,同時也會預請求第二屏幕的據,以此類推。滑動頁面的時候,就不會存在卡頓的情況
方案二:讓客戶端提前預取數據,預取的時機可以根據自己的業務場景判斷

3. 共享數據:
    業務場景:搜索結果頁面,點擊每一個Item,可以進入詳情頁面。

方案:一級頁面和二級頁面可以進,行共享數據

4. 客戶端提前預取通用庫
      前端一般都會使用一些通用庫,一般情況都不會改變,比如說zepto.js,可以讓客戶端提前預取緩存
5. 服務端推送包

服務端推送相關的信息包

后記
 嘗試使用http2.0

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50788.html

相關文章

  • UCloud控制臺產品升級!

    摘要:主機接入新表格組件支持拖拽調整表頭列寬背景現狀客戶對于主機名稱的命名規則廠商地域可用區產品業務服務內網,名稱較長,無法在列表頁直觀展示,只能手動上去顯示全部。如有關于控制臺產品的前端及視覺優化建議也歡迎和我們部門同學反饋。2月份根據用戶反饋、用戶調研以及自身使用產品體驗,將主機列為重點體驗優化目標產品,主要針對如下業務場景進行了優化:主機創建頁可用區售罄地域切換優化主機列表頁主機接入新表格組...

    ernest.wang 評論0 收藏0
  • 搜索結果優化

    摘要:業務場景在里面,輸入一個關鍵詞,得到一個搜索結果,這是一個很常見的一個功能場景。滑動頁面的時候,就不會存在卡頓的情況方案二讓客戶端提前預取數據,預取的時機可以根據自己的業務場景判斷共享數據業務場景搜索結果頁面,點擊每一個,可以進入詳情頁面。 業務場景 在App里面,輸入一個關鍵詞,得到一個搜索結果,這是一個很常見的一個功能場景。對于前端而言,有很多事情可以嘗試和實踐。 優化方案 1. ...

    econi 評論0 收藏0
  • 搜索結果優化

    摘要:業務場景在里面,輸入一個關鍵詞,得到一個搜索結果,這是一個很常見的一個功能場景。滑動頁面的時候,就不會存在卡頓的情況方案二讓客戶端提前預取數據,預取的時機可以根據自己的業務場景判斷共享數據業務場景搜索結果頁面,點擊每一個,可以進入詳情頁面。 業務場景 在App里面,輸入一個關鍵詞,得到一個搜索結果,這是一個很常見的一個功能場景。對于前端而言,有很多事情可以嘗試和實踐。 優化方案 1. ...

    MiracleWong 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<