成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

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

Shimmer / 2109人閱讀

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

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

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

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

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

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

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

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

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

后記
 嘗試使用http2.0

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50788.html

相關(guān)文章

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

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

    ernest.wang 評(píng)論0 收藏0

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

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

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

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

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

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

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

0條評(píng)論

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