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

資訊專欄INFORMATION COLUMN

搜索結(jié)果頁優(yōu)化

econi / 829人閱讀

摘要:業(yè)務(wù)場景在里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況方案二讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷共享數(shù)據(jù)業(yè)務(wù)場景搜索結(jié)果頁面,點(diǎn)擊每一個(gè),可以進(jìn)入詳情頁面。

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

適用的場景:頁面的復(fù)雜程度高,含有大量的組件和組件間的信息流通或者同步。使用node+vue+vuex,方便團(tuán)隊(duì)成員間的協(xié)作開發(fā)和后期維護(hù)。

2. 預(yù)先加載數(shù)據(jù):接下來幾屏數(shù)據(jù)
    業(yè)務(wù)場景:搜索出來的結(jié)果,滑動(dòng)時(shí),顯示更多的結(jié)果

方案一:請求第一屏幕的數(shù)據(jù)時(shí),同時(shí)也會(huì)預(yù)請求第二屏幕的據(jù),以此類推。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況
方案二:讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷

3. 共享數(shù)據(jù):
    業(yè)務(wù)場景:搜索結(jié)果頁面,點(diǎn)擊每一個(gè)Item,可以進(jìn)入詳情頁面。

方案:一級(jí)頁面和二級(jí)頁面可以進(jìn),行共享數(shù)據(jù)

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

服務(wù)端推送相關(guān)的信息包

后記
 嘗試使用http2.0

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/112026.html

相關(guān)文章

  • UCloud控制臺(tái)產(chǎn)品升級(jí)!

    摘要:主機(jī)接入新表格組件支持拖拽調(diào)整表頭列寬背景現(xiàn)狀客戶對于主機(jī)名稱的命名規(guī)則廠商地域可用區(qū)產(chǎn)品業(yè)務(wù)服務(wù)內(nèi)網(wǎng),名稱較長,無法在列表頁直觀展示,只能手動(dòng)上去顯示全部。如有關(guān)于控制臺(tái)產(chǎn)品的前端及視覺優(yōu)化建議也歡迎和我們部門同學(xué)反饋。2月份根據(jù)用戶反饋、用戶調(diào)研以及自身使用產(chǎn)品體驗(yàn),將主機(jī)列為重點(diǎn)體驗(yàn)優(yōu)化目標(biāo)產(chǎn)品,主要針對如下業(yè)務(wù)場景進(jìn)行了優(yōu)化:主機(jī)創(chuàng)建頁可用區(qū)售罄地域切換優(yōu)化主機(jī)列表頁主機(jī)接入新表格組...

    ernest.wang 評(píng)論0 收藏0
  • 搜索結(jié)果優(yōu)化

    摘要:業(yè)務(wù)場景在里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況方案二讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷共享數(shù)據(jù)業(yè)務(wù)場景搜索結(jié)果頁面,點(diǎn)擊每一個(gè),可以進(jìn)入詳情頁面。 業(yè)務(wù)場景 在App里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。對于前端而言,有很多事情可以嘗試和實(shí)踐。 優(yōu)化方案 1. ...

    MiracleWong 評(píng)論0 收藏0
  • 搜索結(jié)果優(yōu)化

    摘要:業(yè)務(wù)場景在里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況方案二讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷共享數(shù)據(jù)業(yè)務(wù)場景搜索結(jié)果頁面,點(diǎn)擊每一個(gè),可以進(jìn)入詳情頁面。 業(yè)務(wù)場景 在App里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。對于前端而言,有很多事情可以嘗試和實(shí)踐。 優(yōu)化方案 1. ...

    Shimmer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

econi

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<