Current time: 12-18-2017, 09:23 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Full Page Render Timing
01-21-2016, 01:53 AM (This post was last modified: 01-21-2016 02:35 AM by chelvan.)
Post: #1
Full Page Render Timing
While users typically spend time above the fold, there may be times when they want to scan an entire page - e.g. news, product info. Once the content ATF is visible the user may explore elements down the page, often times waiting.

Also a new trend in design also is shaping page performance with the advent of tiered hero images - e.g. 5 hero images on a single page. So, it would be interesting in determining at what point did the other elements render.
Find all posts by this user
Quote this message in a reply
01-26-2016, 12:24 AM
Post: #2
RE: Full Page Render Timing
If they aren't visible on the page (and for some extension of the viewport in all directions) the browser may not render it at all (at least Chrome doesn't).

You can see at what point the different hero images themselves finished loading and that will be reasonably close (as long as it is after the main hero image is actually drawn). You can even code it up as a custom metric that runs after the page loads to extract the timings:

- Walk the DOM getting the hero image URLs for the elements you care about
- Pull the resource timing information from window.performance
- Get the end load time for each of the images you care about
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)