DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for 5 Articles every WebDev should read about performance (#1)
martin krause
martin krause

Posted on • Originally published at dev.to

5 Articles every WebDev should read about performance (#1)

A curated list of the top five web development must-reads about front end and web development performance. Don't miss out on the latest web development stories and insights. Read all about the cutting edge in web development, working in tech and the new tools and frameworks while learning a few new tricks.


Web Performance Metrics Cheatsheet

A summary an explanation of the web performance metrics

https://bitsofco.de/web-performance-metrics-cheatsheet/


CLS at BuzzFeed β€” Part 1: Raising The Floor

This article is part of a three-part series documenting how BuzzFeed tackled their issues with Cumulative Layout Shift as part of a broader Web Vitals initiative.

https://tech.buzzfeed.com/improving-cumulative-layout-shift-at-buzzfeed-part-1-8b7ead2381dd


Optimizing resource loading with Priority Hints

Priority hints indicate the relative importance of resources to the browser. They can enable optimal loading and improve Core Web Vitals.

https://web.dev/priority-hints/


Towards an animation smoothness metric

Learn about measuring animations, how to think about animation frames, and overall page smoothness.

https://web.dev/smoothness/


Top Challenges of Automated End-to-End Testing

See which challenges affect most end-to-end testing efforts and learn how to overcome them to help build and maintain high-quality applications.

https://dev-tester.com/top-challenges-of-automated-end-to-end-testing/


Follow me on Twitter: @martinkr.

Photo by Alex Kulikov on Unsplash


Subscribe to the weekly modern frontend development newsletter


Top comments (2)

Collapse
 
lamka02sk profile image
lamka02sk

Priority hints are new and non-standard feature made by Google. No browsers supports it.

Collapse
 
martinkr profile image
martin krause

Hi lamka02sk,

yes, it's also in the article "Priority Hints are an experimental feature available as an origin trial in Chrome 96+". Nonetheless, it's a very intereting freature and could be extremely helpful if it's becomming a standard-feature.

cheers!

16 Libraries You Should Know as a React Developer

>> Check out this classic DEV post <<