ampproject / ampproject/amphtml

CLS inconsistent on FULL AMP sites

Open
#31,475 5 comments 0 reactions 1 assignee Claimed by @erwinmombay View on GitHub
Stale Type: Bug WG: performance
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

## What's the issue?
We are working on CORE WEB VITALS optimizations for FULL AMP sites and we are noticing we strange results from the different tools. We know PAGE SPEED INSIGHTS, WEB.DEV and LIGHTHOUSE are not measuring some of the information on AMP CANONICAL pages, mainly becase the AMP scripting is usually reported as a problem. But now, we are tracking inconsistency between CHROME USER EXPERIENCE REPORT and SEARCH CONSOLE.

We are seeing this mainly on FULL AMP pages. For example, on the attached images, the URL https://koko.news/breathe/What-Is-it-true-that-tears-make-your-eyelashes-longer-20201008-0005.html is getting:
1) no CLS shift with the CORE WEB VITALS extension on CHROME
2) no layout shift on the CHROME DEV TOOLS EXPERIENCE TAB
3) not layout shift on the LAB data from PageSpeed Insights

Nevertheless, the origin summary, search console and CRUX are showing a very high layout shift.

Something very important, this started to happened on late October and we did not make changes to the site UX for several months. Now we have over 8000 urls with POOR CLS on Search Console.

![Screen Shot 2020-12-06 at 20 46 45](https://user-images.githubusercontent.com/1032764/101382073-4b080a00-3896-11eb-9851-82a82b7c5f3f.jpg)
![Screen Shot 2020-12-06 at 20 47 33](https://user-images.githubusercontent.com/1032764/101382092-50fdeb00-3896-11eb-8542-97720312345e.jpg)
![Screen Shot 2020-12-06 at 20 48 16](https://user-images.githubusercontent.com/1032764/101382099-522f1800-3896-11eb-80a8-29ba7fc0c947.jpg)

## How do we reproduce the issue?
You can measure this URL or any other from the site:
https://koko.news/breathe/What-Is-it-true-that-tears-make-your-eyelashes-longer-20201008-0005.html

## What browsers are affected?

All browsers.

## Which AMP version is affected?

All of them, but we are testing mainly the latest runtime with AMP optimizer to generate SSR versions.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.