Skip to content

Instantly share code, notes, and snippets.

@vigneshshanmugam
Created July 29, 2015 12:09
Show Gist options
  • Save vigneshshanmugam/fa311addd2466dacdc16 to your computer and use it in GitHub Desktop.
Save vigneshshanmugam/fa311addd2466dacdc16 to your computer and use it in GitHub Desktop.
Old Orders v New orders page

Old Orders v New Orders

First Load - No cache

Page First Paint Dom Load On Load
Old- Php 4.10 4.08 5.55
New - pJS 1.22 2.34 4.24
  • First paint is delayed in php orders. Check below

Browser(HTML) —- > Server -→ Orders API (Tortoise :P) ~2-2.5 seconds - Depends.

After that the HTML is parsed then CSS/JS resource are requested which will trigger first paint.

  • In pJs, Its client side and the initial CSS will be received as soon as possible.

Note: First Paint is not the real metric we should be looking for.

Cached

Page First Paint Dom Load On Load
Old- Php 2.09 3.19 3.30
New - pJS 0.32 1.8 3.2
  • First paint - Same since the initial HTML is not cached. Still a roundtrip.

  • Win in pJS due to Resource Manager cache.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment