PRODUCTS

Headless Edge Caching

Edgemesh Server is an enterprise grade edge caching solution designed to improve website speed and performance. It's not your typical CDN, but rather a powerful tool that enhances user experience and revenue generation.

R.U.M. and Client Side Optimizations

Edgemesh Server is an enterprise grade edge caching solution designed to improve website speed and performance. It's not your typical CDN, but rather a powerful tool that enhances user experience and revenue generation.

CASE STUDIES
PRICING

Edgemesh® Server Pricing

Edgemesh® Client Pricing

RESOURCES

Resources

Media

Blog

SUPPORT

Documentation

Contact Us

Login/Signup
Posted on 

Faster Largest Contentful Paint with Edgemesh Server

The Largest Contentful Paint is a complex metric, yet is critical to obtaining high marks on Google's Core Web Vitals scores. Largest Contentful Paint (LCP) is a metric that measures the time it takes the largest content block or content element to become visible in the viewport. In other words, it’s a measurement of how long it takes for a web page to be readable by a user. Here’s a quick example of what it looks like;

Rendering for Largest Contentful Paint


Unless the LCP loads, the user will most likely not see anything on the web page. This is because LCP is always above the fold i.e., the content you see without scrolling. For site owners, the LCP is a critical metric as this is the time it takes before you can present your product page (long before user interaction).

‍

How Edgemesh Server Accelerates LCP

For years we've analyzed how best to increase the rate of LCP rendering, and have made huge strides with Client Side Caching and Enhanced Server response time - but these methods are general solutions to a specific problem. The key issue has been how do we dynamically detect which element is the LCP , and once detected how do we inform the browser that this image is a critical asset that should be loaded with higher priority?

Today, we have officially solved this problem through a combination of dynamic client side detection and enhanced server side cache optimization.

Client Side Detection: Powering the optimization

With Edgemesh Server, the ability to utilize the client browser to provide hints has long been a superpower we've employed in optimization. With the LCP optimization, this is now built in. When client browser's access your Edgemesh Server enabled site, the LCP elements are recorded and sent back to the edge alongside other key performance metrics.

Detecting the LCP element client side

When the Edgemesh Server receives this information, it matches this page to an existing custom cache object and rewrites the cached HTML to add two critical changes:

‍

1. A preload link header is added to the response to ensure that future visitors get the LCP element eagerly preloaded

2. The image tag is optimized to include eager loading and optimal decoding (ensuring the browser loads this element as soon as possible)

optimized link header with LCP element

‍

Best of all, this optimization is completely transparent and adapts to every new page on the fly - delivering faster LCP scores for all browsers regardless of device or image capability.

‍

How much faster is it? (spoiler: A LOT)

We're in the early stages of the production rollout, but already we're seeing 15-60% reductions in LCP timings across the fleet. If you are already using Edgemesh Server's built-in image optimization, you should see improvements on the higher end - but all clients get a speed bump. Here's an example (with client caches disabled)

No Preload header or HTML optimization (LCP ~= 610ms)

‍

Same page with Preload optimization and HTML optimization (LCP ~=350ms)
Tagged:
Core Web Vitals
Performance
Website Acceleration

Want more insights? 

Enter your email address to sign up for our monthly newsletter:
Jacob Loveless
Co-Founder
view All Posts
Featured Posts
Business
What is Cookie Syncing, and Why Should You Care?
Performance
Third-Party Tags: How They Affect Overall Website Performance
Insights
10 2023 E-Commerce Key Metrics [+1 That’s Often Missed]
Ad Fraud
Edgemesh Launches Ad Protect, a Solution to Help Retail Brands Identify and Prevent Ad Fraud
Engineering
Faster Largest Contentful Paint with Edgemesh Server
Headless
10 New Changes on Shopify Online Store 2.0
Ad Fraud
How We’re Fighting Ad Fraud with Edgemesh Server
Ad Fraud
Ad Fraud: What it is, the Different Types & How to Prevent it
Performance
Server-Side Caching vs. Client-Side Caching: The Differences (And Which Is Good For Your Website)
Tags
Ad Fraud
Business
Client Side Caching
Conversion Rate
Core Web Vitals
Development
Features
Headless eCommerce
Performance
SEO
Shopify
Website Acceleration
wordpress
Stay Connected

Get a customized demo for your store.

Book a Demo

You Might Also Like

Ad Fraud
Programmatic Advertising 101: A Guide for All Advertisers
Jun 28, 2023
 by 
Ayomide Joseph
Performance
7 Ways To Stop Google Ad Click Fraud On Your Account
Jun 15, 2023
 by 
Ayomide Joseph
Performance
‍What Is DNS Prefetching? [And Why Use It?]
May 19, 2023
 by 
Ayomide Joseph
Performance
How to Reduce DNS Lookups to Speed Up Your Website
May 9, 2023
 by 
Ayomide Joseph
Performance
What Is A CDN (Content Delivery Network) & How Does It Work? 
Apr 24, 2023
 by 
Ayomide Joseph
Business
What is Cookie Syncing, and Why Should You Care?
Apr 10, 2023
 by 

Faster stores make more money.
Edgemesh makes stores faster.

Navigation
HomeEdgemesh® ServerEdgemesh® ClientCase StudiesEdgemesh® Server PricingEdgemesh® Client PricingResources
Resources
MediaBlogDocumentationContact Support
Legal
Terms of ServicePrivacy Policy