paul_irish's profile picture. Find me elsewhere: 🦋 https://paul.irish/bsky  — 🐘 @paul_irish@toot.cafe

I 💗 the web • I work on web performance tooling & Chrome DevTools.

Paul Irish

@paul_irish

Find me elsewhere: 🦋 https://paul.irish/bsky — 🐘 @[email protected] I 💗 the web • I work on web performance tooling & Chrome DevTools.

Today, @ChromeDevTools forever changed the way we approach performance optimizations.


هذه التغريدة لم تعد متوفرة.

Yeah, fuuuuck this. You can find me on mastodon. I'm not gonna hang out on Parler 2.0


هذه التغريدة لم تعد متوفرة.

Gorgeous, smooth, juicy web game. And wildly fun.

This is my absolute favorite webgl game. Not only amazing look, but great simple game design. Check it out: play.gl



There have been a LOT of recent developments in the world of web performance and Core Web Vitals that are being showcased at Google I/O this week. Here's a rundown of the highlights, so you don't miss anything 👇


Just improved the Lighthouse performance score of datasette.io from 51 to 93 by swapping the YouTube embed on the homepage for github.com/paulirish/lite… by @paul_irish Here are the before and after reports - further details in this issue: github.com/simonw/dataset…

simonw's tweet image. Just improved the Lighthouse performance score of datasette.io from 51 to 93 by swapping the YouTube embed on the homepage for github.com/paulirish/lite… by @paul_irish

Here are the before and after reports - further details in this issue: github.com/simonw/dataset…
simonw's tweet image. Just improved the Lighthouse performance score of datasette.io from 51 to 93 by swapping the YouTube embed on the homepage for github.com/paulirish/lite… by @paul_irish

Here are the before and after reports - further details in this issue: github.com/simonw/dataset…

هذه التغريدة لم تعد متوفرة.

So um... according to my forgotten deviantart profile, there was an amazing trend in 2012 of… ✨browser ponies✨ 😍 deviantart.com/paulirish/favo…

's tweet image. So um... according to my forgotten deviantart profile, there was an amazing trend in 2012 of… ✨browser ponies✨

😍 deviantart.com/paulirish/favo…

هذه التغريدة لم تعد متوفرة.

Ever write a long-ass Google Docs comment and then accidentally hit Cancel?🤦 Not all is lost. DevTools heap snapshots to the rescue! DevTools > Memory panel > Take snapshot. Expand the (string) item and peruse down the list. With luck, you'll find it.

's tweet image. Ever write a long-ass Google Docs comment and then accidentally hit Cancel?🤦 Not all is lost. DevTools heap snapshots to the rescue!

DevTools > Memory panel > Take snapshot. Expand the (string) item and peruse down the list. With luck, you'll find it.
's tweet image. Ever write a long-ass Google Docs comment and then accidentally hit Cancel?🤦 Not all is lost. DevTools heap snapshots to the rescue!

DevTools > Memory panel > Take snapshot. Expand the (string) item and peruse down the list. With luck, you'll find it.

Introducing Lighthouse for user flows: drive your page with a Puppeteer script and have Lighthouse measure and audit performance at every step: web.dev/lighthouse-use…

____lighthouse's tweet image. Introducing Lighthouse for user flows: drive your page with a Puppeteer script and have Lighthouse measure and audit performance at every step: web.dev/lighthouse-use…

هذه التغريدة لم تعد متوفرة.

Want to view the source of a Chrome extension or Firefox add-on before installing? robwu.nl/crxviewer/ is the tool for the job. Indispensable.


هذه التغريدة لم تعد متوفرة.

9 years ago, Panic put out Coda and its video tour became one of my web design favorites. As the 24fps video played, it was smoothly repositioned with 60fps CSS 3D transforms. Layers panel gives a nice behind-the-scenes.


PageSpeed Insights now includes Lighthouse's element screenshots! goo.gle/psi Find your page's most important elements even more quickly; click on the screenshot to reveal the element in the context of the whole page 🔎🖼


هذه التغريدة لم تعد متوفرة.

Curious what CSS/JS/DOM features are now widely available? I made a lil webapp a few years ago based on @caniuse data to help visualize. paulirish.github.io/web-feature-av… There's some surprisingly 'new' features with >90% support.

's tweet image. Curious what CSS/JS/DOM features are now widely available? I made a lil webapp a few years ago based on @caniuse data to help visualize. 

paulirish.github.io/web-feature-av… There's some surprisingly 'new' features with >90% support.

It’s been ten years since I pushed the first release of D3.js to GitHub. Have I learned anything? I hope so… but it’s a journey. observablehq.com/@mbostock/10-y…


Chrome 88 now supports clip-path: path(). Now all the major browsers support the rule. Demo of using clip-path: path(...) on @CodePen to create a pop-out effect codepen.io/ainalem/full/Q…


Loading...

Something went wrong.


Something went wrong.