Recordsreplays page loads recorder capture the

Info iconThis preview shows page 1. Sign up to view the full content.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: za8on: Make JS loads faster <html> <script src="b.js"></script> <img src="c.png"/> </html> <html> <img src="c.png"/> <script src="b.js"></script> </html> html b.js c.png html c.png b.js b.js Dependency and page structure key are the key to iden.fying boFlenecks Methodology to infer dependencies o  o  o  Design test pages Examine documenta8on Inspect browser code 34 11/26/13 Test pages (1 of 2) html HTML JS js img IMG Insert delays html js img Suggests the JS loads affects image load Test pages (2 of 2) html HTML IMG JS img js Insert delays html img js Suggests image loads *does not* affect JS load 35 11/26/13 Reverse engineer page loads with test pages •  Use developer tools to measure 8ming HTML JS IMG CSS IMG HTML IMG An example Web page 8 Reverse engineer page loads with test pages •  Use developer tools to measure 8ming o  An object follows another HTML JS IMG CSS IMG HTML IMG An example Web page 8 36 11/26/13 Dependency policies WProf architecture Browser Stack W...
View Full Document

This document was uploaded on 04/04/2014.

Ask a homework question - tutors are online