Web應用非同步渲染最佳化技術小結

來源:互聯網
上載者:User

設計前提

1. 效能儘可能高

2. 盡量減少Http請求數量,如一個Page只有一對Request和Response。從而方便搜尋引擎的檢索。

3. 並存執行商務邏輯(Action)

一、將頁面劃分為多個部分(組件或視窗,widget),每個部分的實際內容放置預留位置(以便後面的輸入填入)。

       具體填入方法

二、先將頁面架構推出(flush)至用戶端(瀏覽器)

三、後台同時並存執行各個部分(也即widget)的商務邏輯,耗時情況不一樣

四、誰先執行完即誰先推出(flush)自己的內容至用戶端(實際上渲染出的內容為js代碼(+html代碼),以調用第二步頁面架構中預先定義好的js方法以在對應位置填充內容)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.