Skip to content

TODO

Jump to bottom Edit New page
macbre edited this page Feb 1, 2013 · 37 revisions

Features

  • Wait for the last HTTP request to complete (aka post window.onload activity)
  • Emit an event on JavaScript error
  • Benchmark reflows and repaints
  • Export to HAR format + metric naming convention after HTTP Archive format
  • Reports for "cold" and "warm" browser cache
  • "Unit test" style of performance monitoring
  • Film strip of page being loaded

Metrics

  • Number of POST requests
  • Tracking services
  • Not cached assets
  • HTML comments length
  • Number of inline script tags
  • Number of inline style tags
  • Number of inline styling (i.e. style attributes)
  • CSS complexity (number and complexity of selectors)
  • localStorage entries
  • Cookies (length, total number, number per domain)
  • Size of HTML hidden in CSS (display:none) on page load
  • Number of DOM queries (via document.getElementById, document.getElementsByTagName and jQuery)
  • Size of text nodes containing whitespaces only (i.e. the "cost" of formatted HTML)
  • Number of cache (Varnish, Squid) hits and misses
  • Number and size of HTTP headers sent and received
  • Number of events bound using jQuery
  • Number of DOM nodes insertions
  • Monitor AJAX requests
  • Monitor calls to document.write
  • Get response content:
  • real response's size data, CSS/JS code analysis, ...
  • SPOF detection (initial page's HTML)
  • Using sync XHR request
  • Dev branch

Suggestions

  • Use Content Delivery Network
  • Use base64 encoding for small images
  • Don't use query string (?foo=bar) in URLs to static assets + check caching TTL
  • Repeated DOM queries (for the same selectors)
  • Detecting SPOFs (single points of failure) - example
  • Image tags without dimensions provided

phantomjs bugs nice to be fixed

Add a custom footer
Add a custom sidebar
Clone this wiki locally