Friday, May 6, 2016

Cooking HTML , its morphology..


1.    Static structures: Cooked HTML fragments from server with data prepopulated (sections rendered on-load)
a.     Quote header
b.    Customer data
c.     DCC
d.    Device summary

2.    Semi Dynamic structures: With data on-load from Server; Browser will cook the HTML (sections rendered on-load)
a.     Location list
b.    Device pricing table

3.    Full Dynamic structures: Browser will pull data & cook the HTML (sections rendered after-load & need an ajax)
a.     Device Import
All the fields are data-bind, so that any point of time, we can leverage it during data postback to server or updating the already rendered structure thru a pure DATA (json) response.

Semi & Full dynamic structures will reduce initial payload significantly..

What sections will go to Semi or Full dynamic structures; has to be chosen with utmost care to reduce concurrent ajax calls on-load.  

No comments:

Post a Comment