Stack Snacks - Issue #7

Keeping with our current theme of getting ready for Google’s Page Experience SEO update coming in a few months. We have a walkthrough of how Github kept things fast as well as more tooling that will help your monitor performance. Also, a great collection of accessibility tools to bookmark.


Making GitHub’s new homepage fast and performant | The GitHub Blog
This post is the third installment of our five-part series on building GitHub’s new homepage: How our globe is built How we collect and use the data behind the globe How we made the page
Big picture performance analysis using Lighthouse Parade
Lighthouse Parade is a Node.js command line tool that crawls a domain and gathers lighthouse performance data for every page. With a single command, the tool will crawl an entire site, run a Lighthouse report for each page, and then output a spreadsheet with the aggregated data. Each row in the gene…
How to do web performance testing with Google Lighthouse and Cypress | TechBeacon
There are a lot of tools to test web performance. Here’s how to use open-source Google Lighthouse with Cypress, a JavaScript, end-to-end testing tool.


Things You Can Do With CSS Today — Smashing Magazine
The present and future of CSS are very bright indeed and if you take a pragmatic, progressive approach to your CSS, then things will continue to get better and better on your projects, too.
Building a sidenav component
A foundational overview of how to build a responsive slide out sidenav
Jamstack Explorers — Free Jamstack Courses
Take free Jamstack courses and complete missions about React, Vue, Angular, Next.js and more! See your progress and earn rewards as you go. Get started today!


Stark’s Public Library – Accessibility resources, guides, communities, and more
Discover the world’s best accessibility resources, curated for you.

Browser-based, privacy-aware JPEG optimizer
John Siwicki

John Siwicki