DEV Community

loading...
Cover image for Optimising User-Centric Performance Metrics

Optimising User-Centric Performance Metrics

Tsowa Babangida
Web developer with a passion for inclusive and performant experiences on the web #webperf #webdev
Updated on ・1 min read

Knowing about user-centric performance metrics and thereby optimising them, inevitably improves user experience.

The simplest way to do so is to use less javascript code on the client. But some times, that is not an option. As such, knowing how to deliver your javascript is a plus.

Let's look at how to optimise user-centric performance metrics next.

OPTIMISING FIRST PAINT (FP) & FIRST CONTENTFUL PAINT (FCP)

The different ways to optimise paint times for your web projects are:

  • Reducing the number of render-blocking stylesheets and scripts,
  • Caching critical resources to speed up repeat visits,
  • Minifying and compressing text-based assets to speed up their download times,
  • Do less javascript work on page load.

The App Shell Model is a great way to optimise paint times for Progressive Web Apps.

OPTIMISING FIRST MEANINGFUL PAINT (FMP) & TIME-TO-INTERACTIVE (TTI)

The recommended way to optimise FMP is by optimising the Critical Rendering Path.

TTI can be improved by deferring or removing unnecessary javascript work that occurs during page load.

As to how to go about doing all of the above stated recommendations, we will go through them one by one in the next post.

Discussion (0)