How Agrofy optimised Core Web Vitals and improved business metrics

Comparison with the previous period
  • We migrated the front end architecture from Angular JS (Deprecated) to React solution.
  • We implemented a lazy loading strategy for all non-visible elements using Intersection Observers.
  • We optimised static resource delivery using a CDN with cropped WEBP images.
  • Lazy loading for non-visible images.
  • We used an SSR strategy to resolve critical content.
  • We included preloads and preconnects to critical resources to minimise handshake times.

How was the FCP improved

  • We first identified and removed a render blocking resource.
There is a breach of more than a second since the DOM is parsed and rendering begins.
El render comienza inmediatamente

How was the LCP improved

How was the CLS improved

Con Chrome DevTools identificamos los elementos que generaban el aumento de CLS

--

--

--

Web Performance Specialist

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Variable in Programming

Azure Sentinel Notebooks

Phaser 4 is coming

Swift 5 changes and new features

You can now buy and sell $DeSo on HotBit — another global exchange.

How to Fix Apple computers Missing Scroll Bar.

How to Install Golang on Ubuntu 20.04 or 20.10

AIOps: Unleashing the hidden insights in unstructured IT data for better IT operations management

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Luciano Mollar

Luciano Mollar

Web Performance Specialist

More from Medium

Create-React-App Command Line Argument

Data Structures and Algorithms in JavaScript: Intro & Big O Notation

The Developer Apprentice Journey (Week XXII)

Introduction to Type systems