Improving core web vitals with Drupal: A step by step approach / Lee Rowlands / Web Tools & Tech...
Channel: DrupalSouth
Date: 21/11/2022

Improving core web vitals with Drupal: A step by step approach
Lee Rowlands
===
Time: Thursday 20th October 13:20-13:55
Room: Elevate
Track: Web Tools & Technologies
===
Core Web Vitals (CWV) is not just another three letter ancronym (TLA) you need to have an understanding of if you work in the web space. It's actually a series of TLAs you need to be familiar with 😜

Comprising Largest Contentful Paint (LCP), First Input Delay (FID) and Cumulative Layout Shift (CLS) you'd be forgiven for feeling Overwhelming Acronym Overload (OAO).

Getting the best score you can for Core Web Vitals (CWV) is a vital element of making sure your site is performing at its best and giving your users the best experience. Numerous studies have shown that improving your CWV leads to improved business outcomes.
In addition, Google now use these scores to influence search result ranking on mobile devices, penalizing sites that don't offer a good experience.

But improving your scores can be a difficult process, particularly with Drupal's out of the box setup.

In this session we'll look at:
* A brief introduction to Core Web Vitals and what each of the acronyms is for.
* How to digest the output from Lighthouse
* Low hanging fruit for easy wins with Drupal
* Diving deep and swapping out Drupal CSS renderer for further gains
* Diving deeper still and generating critical CSS to render inline for even more gains
* Adding monitoring to your build process to ensure you catch and regressions before they happen
===
https://drupalsouth.org/events/drupalsouth-brisbane-2022/schedule/1634
===
Recorded by Tomato Elephant Studio
https://www.tomato-elephant-studio.com/record