Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Edge Delivery Performance Demystified

Avatar

Level 8

10/8/24

rs=w_1280.png

Edge Delivery Performance Demystified

by @daniel-strmecki

 

Overview

We've seen websites running on Adobe Edge Delivery Services (EDS) achieving record Lighthouse scores for performance. But, what is the secret behind Adobe's approach towards such great front-end performance? What is the technology behind it and what are the consequences of implementing it on your website? Everyone experienced with different web technologies knows that all architectural decisions have their ups and downs. Usually, there is no one-size-fits-all approach. Therefore, in this article we'll dig into the details.

Key points:

  • With EDS, there are no HTML or HTL component definitions, the HTML code is extracted from the content, like a Word document
  • The layered rendering approach has a very concrete purpose, to achieve maximum mobile performance / Lighthouse score
  • To keep the performance scores high, teams should develop custom blocks without introducing heavy JavaScript frameworks
    • This might not be ideal for frontend teams used to working with frameworks like React, Angular, or Vue. 
  • EDS performance directly correlates with measurable business KPIs like page views, unique visits, average time on page, and conversion rate

 

Full Article

Read the full article on https://meticulous.digital/blog/f/adobe-edge-delivery-demystified to find our more.


Q&A

Please use this thread to ask questions relating to this article