Use Baseline with Browserslist
Add Baseline to your development linting and packaging tools with browserslist-config-baseline.
Use Imagemin to compress images
Uncompressed images bloat your pages with unnecessary bytes. Run Lighthouse to check for opportunities to improve page load by compressing images.
Use Lighthouse for performance budgets
Lighthouse now supports performance budgets. This feature, LightWallet, can be set up in under five minutes and provides feedvack on the size and quantity of page resources.
Make use of long-term caching
How webpack helps with asset caching
Use push notifications to engage and re-engage users
Use push notifications to engage users with targeted, timely updates.
Use Search Console
Verify ownership then check your site using Search Console.
Top tips for web performance
Use srcset to automatically choose the right image size.
User-centric performance metrics
User-centric performance metrics are a critical tool in understanding and improving the experience of your site in a way that benefits real users.
User Location
Most browsers and devices have access to the user's geographic location. Learn how to work with the user's location in your site and apps.
User preference media features client hints headers
The :user-valid and :user-invalid pseudo-classes
About the :user-valid and :user-invalid pseudo-classes and how to use them to improve the user experience of input validation.
User timing API
Using a PWA in your Android app
How to open a Progressive Web App in an Android app.
Using bundlesize with Travis CI
Define performance budgets with minimal setup and enforce them as part of your development workflow using bundlesize with Travis CI.
Using Lighthouse Bot to set a performance budget
You've done hard work to get fast, now make sure you stay fast by automating performance testing in Travis CI with Lighthouse Bot.
Using tabindex
Use the tabindex attribute to explicitly set an element's tab position.
Basics of UX
A step-by-step guide to the basics of UX design.
The value of speed
Demonstrate the revenue generated by site improvements while excluding external factors such as marketing campaigns.
Introduction to variable fonts on the web
How variable fonts work, how typographers implement variable fonts, and how to work with variable fonts in CSS.
Variable fonts in real life
Sharing a practical guide to variable fonts, with lots of examples.
The <video> and <source> tags
You've properly prepared a video file for the web. You've given it correct dimensions and the correct resolution. You've even created separate WebM and MP4 files for different browsers. For anyone to see it, you still need to add it to a web page.
Going beyond images with basic video for the web
Research shows that web video lead to higher engagement and sales. Even if you haven't added video to your sites yet, it's just a matter of time until you do.
Virtualize large lists with the Angular CDK
Learn how to make large lists more responsive by implementing virtual scrolling with the Angular Component Dev Kit.
Virtualize large lists with react-window
react-window is a library that allows large lists to be rendered efficiently.