PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
No Result
View All Result
Home Web Dev

Core Web Vitals | CSS-Tricks

May 29, 2020
in Web Dev
280 12
Core Web Vitals | CSS-Tricks


Core Web Vitals is what Google is calling a a new collection of three web performance metrics:

  1. LCP: Largest Contentful Paint
  2. FID: First Input Delay
  3. CLS: Cumulative Layout Shift

These are all measurable. They aren’t in Lighthouse (e.g. the Audits tab in Chrome DevTools) just yet, but sounds like that’s coming up soon. For now, an open source library will get you the numbers. There is also a browser extension (that feels pretty alpha as you have to install it manually).

That’s all good to me. I like seeing web performance metrics evolve into more meaningful numbers. I’ve spent a lot of time in my days just doing stuff like reducing requests and shrinking assets, which is useful, but kind of a side attack to web performance. These metrics are what really matter because they are what users actually see and experience.

The bigger news came today though in that they are straight up telling us: Core Web Vitals matter for your SEO:

Today, we’re building on this work and providing an early look at an upcoming Search ranking change that incorporates these page experience metrics. We will introduce a new signal that combines Core Web Vitals with our existing signals for page experience to provide a holistic picture of the quality of a user’s experience on a web page.

Straight up, these numbers matter for SEO (or they will soon).

And they didn’t bury the other lede either:

As part of this update, we’ll also incorporate the page experience metrics into our ranking criteria for the Top Stories feature in Search on mobile, and remove the AMP requirement from Top Stories eligibility.

AMP won’t be required for SERP carousel thing, which was the #1 driver of AMP adoption. I can’t wait to see my first non-AMP page up there! I know some features will be unavailable, like the ability to swipe between stories (because that relies on things like the Google AMP cache), but whatever, bring it on. Let AMP just be a thing people use because they want to not because they have to.



Source link

Share219Tweet137Share55Pin49

Related Posts

Data Transfer Object V3 Modernizes DTOs With PHP 8 Features
Web Dev

Data Transfer Object V3 Modernizes DTOs With PHP 8 Features

Spatie's Data Transfer Object (DTO) package makes constructing objects from arrays a breeze, giving you confidence in the data...

April 9, 2021
Headless Form Submission With the WordPress REST API
Web Dev

Headless Form Submission With the WordPress REST API

If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They...

April 9, 2021
Customizing Stubs in Laravel | Laravel News
Web Dev

Customizing Stubs in Laravel | Laravel News

This post will show you how to customize stubs used to generate various classes in your application. While a...

April 9, 2021
Finding A UX Champion And Demonstrating ROI (Part 1) — Smashing Magazine
Web Dev

Education And Training (Part 3) — Smashing Magazine

About The AuthorVictor is a Philadelphia based researcher, author, and speaker. His book Design for the Mind, is available...

April 9, 2021
Next Post
Single Sign-On between Okta Universal Directory and AWS : idk.dev

Single Sign-On between Okta Universal Directory and AWS : idk.dev

Top 9 Best Note Taking Apps For Linux [2020]

Top 9 Best Note Taking Apps For Linux [2020]

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

It’s like document.onresize for elements

It’s like document.onresize for elements

May 26, 2020
New – AWS Fargate for Amazon EKS now supports Amazon EFS : idk.dev

New – AWS Fargate for Amazon EKS now supports Amazon EFS : idk.dev

August 20, 2020
Commits are snapshots, not diffs

Commits are snapshots, not diffs

December 17, 2020
EFA-enabled C5n instances to scale Simcenter STAR-CCM+ : idk.dev

EFA-enabled C5n instances to scale Simcenter STAR-CCM+ : idk.dev

September 21, 2020

Categories

  • AWS
  • Big Data
  • Database
  • DevOps
  • IoT
  • Linux
  • Web Dev
No Result
View All Result
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In