Synthetic Waterfall Updates

We've made a number of updates to the Synthetic Waterfall chart.

Trim waterfall to timeline events - You can now trim the waterfall to different timeline events like Largest Contentful Paint or Visually Complete. Once the waterfall is trimmed any requests that extend beyond the viewable timeline fade out to the right.

Connection phases & LCP badge - We now show the early connection phases alongside the content type for each request. The starting skinny bars shows the connection states of DNS, Connect and SSL while the fat bar's colour shows the content type with the lighter shade at the beginning indicating time to first byte.

Request headers & server timing - When expanding a waterfall request we now include tabs showing the raw headers and if you have any server timing headers we yank them out into their own tab, making them easier to scan.