Examples for performance analysis

The below performance examples are useful for practicing analysis techniques. For an introduction to basic performance analyis and the performance tools available in Microsoft Edge and the Windows Performance Toolkit, see:

Badly coded JavaScript Flexbox

The following web site is a blog that creates a tag section on the fly in JavaScript. It does so in an intentionally inefficient manner that is intended to provide a useful example for practicing the use of various tools for analyzing performance. There are multiple layers that can be optimized to improve this example.

  1. There is one line of code that provokes servere layout thrashing.
  2. The code written in this style can be optimized significantly in numerous ways.
  3. The JavaScript example could be replaced with HTML/CSS Flexbox.

Demo these performance issues:

Screenshot of the flexbox performance demo

About this demo

Contributors

Last updated

May 10, 2016

Contribute

Fork on GitHub to contribute

Categories

Share