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