Paul Irish
@paul_irish
Followers
225,562
Following
3,415
Media
620
Statuses
26,980
@paul_irish @toot .cafe on Mastodon I 💗 the web • I work on performance, Chrome DevTools, Lighthouse, and PageSpeed Insights.
California
Joined March 2007
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
FEMA
• 1113998 Tweets
بورتو
• 513921 Tweets
Tina Peters
• 163164 Tweets
Porto
• 108389 Tweets
Manchester United
• 102524 Tweets
Beşiktaş
• 97873 Tweets
Martinez
• 91890 Tweets
Ten Hag
• 90308 Tweets
Avrupa
• 72966 Tweets
#okanburukistifa
• 69991 Tweets
Takım
• 53544 Tweets
Hoca
• 51939 Tweets
Man U
• 43649 Tweets
Rashford
• 40306 Tweets
Maguire
• 38532 Tweets
Samu
• 33649 Tweets
#GHGala5
• 33498 Tweets
#BJKvSGE
• 31723 Tweets
Mert
• 26223 Tweets
EL DESTELLO IS OUT
• 23902 Tweets
Bruno Fernandes
• 21374 Tweets
Nkunku
• 21366 Tweets
Veiga
• 18757 Tweets
Onana
• 17946 Tweets
De Ligt
• 16817 Tweets
Cherki
• 14386 Tweets
#PORMUN
• 14192 Tweets
Dalot
• 14163 Tweets
Lorenzo
• 13729 Tweets
Ersin
• 13456 Tweets
Maite
• 13316 Tweets
Szymanski
• 13260 Tweets
Muçi
• 12803 Tweets
Amrabat
• 12754 Tweets
بنزيما
• 11357 Tweets
Tadic
• 11111 Tweets
Semih
• 10722 Tweets
Chrome Incognito mode has been detectable for years, due to the FileSystem API implementation. As of Chrome 76, this is fixed.
Apologies to the "detect private mode" scripts out there. 💐
51
1K
4K
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.
40
299
2K
<video autoplay muted> works across mobile browsers now. 📽️ No more need to ship an 8MB gif to your mobile users. 😢
36
490
1K
Service Workers are ENABLED BY DEFAULT in Safari Technology Preview! 🎉🎉
Release notes for today’s Safari Technology Preview release 46 update are now available.
19
183
385
14
612
1K
📊 View your server's metrics in
@ChromeDevTools
via Server Timing headers. Big thanks to longtime Firebug developer
@sroussey
for the patch!
19
548
1K
If you ever type another <input> tag , this is required reading: The codepen form at the end is *pure gold*.
6
394
998
I've always loved me some String.prototype methods: "text".big(), "omg".blink(), but repeat() is totes my new fave 🐧
22
490
919
The Mobile Speed Impact Calculator. 💰 Estimate the revenue impact of improving the load-time of your site. 📱
16
354
922
Blob Opera! 🎶 Professional opera singers helped a neural network learn what four opera voices sound like.
Compose your own piece or wildly mess with a carol. 🥰 So good.
12
248
885
Some of the brightest performance minds I know have tried to make loading unbundled ES modules fast. They have not yet succeeded.
Perhaps in two years, it'll be competitive—but until then keep on bundling y'all.
21
326
848
Debugging Node.js with
@ChromeDevTools
is better now. 🛠 Updated guide:
(Spoiler alert: No more copying huge URLs)
16
427
840
Curious about what triggers a reflow? I made a modern list of what forces a layout.
21
482
819
🕑 One-time event handler support just landed in Chrome. Try it in WebKit nightly, Firefox, or tmw's Chrome Canary!
16
493
769
TIL: the `let` keyword provides such a big upgrade for the classic for-loop & closure problem.
32
484
750
Performance recommendation: Do not use jQuery's hide() method. Ever.
Classes are your friend.
30
759
749
Protip: `cd -` and `git checkout -` return you to where you were last ↩
18
339
733
Gave `git diff` a wardrobe change. Some dotfiles hacking for highlighting and a simpler look.
http://t.co/0HBhkrDAMt
24
293
743
Friday protip: The URLs and quickly create new google docs 'n spreadsheets.
Introducing a ✨ .new ✨ time-saving trick for users. Type any of these .new domains to instantly create Docs, Sheets, Slides, Sites or Forms ↓
158
3K
5K
14
238
724
For your /etc/hosts
192.30.253.112
192.30.253.119
151.101.44.133
18
434
717
Into frontend performance? I wrote up a few profiling sessions of slow mobile web experiences.
http://t.co/dmvRlbc6AN
12
308
715
Saw this global CSS in an app. Can't get it out of my head. Basically the next level of * {box-sizing: border-box} :
http://t.co/hGDAiH3FgT
38
282
696
Sorry Flash. Heavy flash sites will now get a warning & smaller link in Google search results.
http://t.co/zUwnmsgvMZ
http://t.co/xxMqecX5fd
65
2K
565
The Verge goes all-in on responsive web and is nuking their native apps:
http://t.co/pnSaRExBFp
http://t.co/XVPUque7HB
51
857
564
The protocol relative URL is now an anti-pattern.
If the asset is available on HTTPS, always request it with that.
http://t.co/dP1BiXloyH
31
708
566
http://t.co/qQxq13shpU
: Extremely handy webapp for removing image backgrounds
http://t.co/AbqvcKeLzA
14
312
556
The new canonical 60fps scrolling list view implementation.
Try on your phone or watch this:
12
207
531
What makes your site faster? ⚡️ Bundling or minifying? Let's find out.
⇾ Practical Performance ⇽ w/
@samccone
and I
6
183
535
Sublime Web Inspector: massive JS integration between Sublime & Chrome DevTools
http://t.co/24XjZ0FpM3
(skip to 3:25) Whoa /via
@addyosmani
5
342
531
The font-display CSS property always throws me for a loop.
@notwaldorf
's explainer and demo is SO GOOD:
5
137
511
Comcast, if you're flagrantly MITM'ing my web traffic, you can be certain I'm not interested in your "security features". Don't do this.
17
170
503
You Might Not Need jQuery! … assuming you'll address these bugs in your hand-written code:
30
563
497
A year ago, I asked what features made you turn to native.
#1
response: push notifications. Today, they're available:
http://t.co/wDOKa5qVbf
14
501
498
Retail data shows: Folks use the mobile web more than apps, and more people purchase, too. 💰
18
487
487
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.
There's some surprisingly 'new' features with >90% support.
12
128
490
Write Javascript? This is required watching:
http://t.co/Nw8SwTdV
@ariyahidayat
, of Esprima/PhantomJS, on the state of JS language tooling.
8
113
485
Working on runtime performance (slow scrolling, janky animation, <60fps)? This guide by
@aerotwist
is totally ace
http://t.co/P04GUxqh0V
5
192
484
If you haven't yet watched
@glenmaddern
's "JavaScript in 2015" brilliant screencast… click, go fullscreen and enjoy:
http://t.co/A4x7etO1CW
4
166
477
http://t.co/CNtfER8kL4
a magnificent learning curve from the basics of `display` property to box-sizing and flexbox. Something for everyone.
11
264
482
Want to resolve your console logs to their original file:line instead of your log() wrapper? ➟
http://t.co/B5U7764xLV
http://t.co/ajYrGyCqZK
12
312
479
New guide to Rendering Performance. Understand layout-thrashing, paint storms, & animation.
http://t.co/OiKaqR7OUA
8
237
472
Yeah, fuuuuck this.
You can find me on mastodon.
I'm not gonna hang out on Parler 2.0
44
23
472
Advanced Debugging w/ Chrome
http://t.co/ahObKs8Kpm
Slides:
http://t.co/PSk3q39vfk
JS debug & blackbox, monitoring & rendering perf APIs. ✌
6
197
461
Web Fundamentals - Google's new curated resource for building modern websites
8
292
428
Responsive Screenshots With Casper
http://t.co/YI5J9TaGc6
Just tried this out; fantastic.
http://t.co/sC3D3qQxkn
7
162
420
iOS8's Mobile Safari is a big upgrade for the web:
http://t.co/NlMajVsJDK
http://t.co/3BZPMjjpbf
39
938
407
If you're doing a presentation, here's the base HTML5 slide deck I use:
http://t.co/8mxhN4F
Very polished and fun to work from
14
200
412
GQ worked hard on their mobile pageload performance.
Results: pageload time is ⬇ 80%. Traffic is ⬆ 80%.
http://t.co/9fbD7Dc6pt
8
304
409
Promise Anti-patterns
http://t.co/wiIzMgVgCu
As you start writing more with promises, you'll want to come back to this post.
8
201
404
Spent a few hours figuring why my home wifi was cranky; wrote up the tools I used to diagnose the wifi & connectivity
http://t.co/OQ9lv5XoE6
10
102
412
The enterprise business case to drop IE8. Comprehensive & commissioned by Microsoft. ♥
14
427
392
memory-stats.js : lil' script for monitoring JS heap size right inside the page: /thx
@jerome_etienne
12
177
381
Google's new guidance on how to make infinite scroll sites better for users:
http://t.co/5zrtRk1F4H
Try the demo:
http://t.co/A5s7hS43U7
8
179
373
Academic paper categorizing mistakes writing HTML & CSS:
http://t.co/ZyUUUXMFVe
62% of observed errors were typos.
http://t.co/bQzXy6W1v1
15
232
351
Hey
@nowaitapp
, out at a restaurant is the last place I want to download an app. A progressive web app is the answer
21
73
346
Also relevant: becoming a subscriber to your favorite sources of quality journalism is incredibly fulfilling. If you can afford it, I encourage you to pony up the handful of dollars to subscribe.
9
22
352
Phenomenal slides about polyfills, cross-browser HTML5 and feature detection. A must read.
http://t.co/Jix4NfMi
by
@addy_osmani
5
174
353
Image Optimization. 2 excellent decks from
@velocityconf
:
http://t.co/lLYgXyF5Sx
by
@guypod
and
http://t.co/mbcHs12d77
by
@patmeenan
Image optimization
Image optimization - Download as a PDF or view online for free
www.slideshare.net
2
105
349
The Gmail mobile webapp is, without a doubt, faster than its native app.
24
101
347
Progressive JPGs - a new best practice
http://t.co/opNsRK0g
Make this part of your build step!
13
193
345
The Sublime Text default JavaScript syntax parser/highlighter is ancient. Upgrade to match your modern ES6 code.
http://t.co/CCXLRP21k4
20
185
338
http://t.co/623MDGZkZL
: new site dedicated to articles and talks about the next version of JavaScript.
8
297
335
Some of the finest research and writing about HTML & CSS & JS:
http://t.co/CxVM6pWx
Learn up & follow
@mathias
5
89
331
Outdated UX patterns:
http://t.co/auPiyc34Ql
… sourced from the thorough North guidelines for modern web projects
11
257
338
OS X protip: holding shift while clicking the green circle maximizes the window… ya know… maximally.
http://t.co/5Nvc2L5Sih
71
504
320
Building a scroll-driven site? Avoid moving layers with margin, top/left, or bg-position. Use CSS transforms.
http://t.co/rnG0qFNxYI
9
131
327
All of the form input pseudo-elements for styling:
http://t.co/KwFwft2RWI
Exhaustively cataloged by
@tjvantoll
6
188
323
Mr
@lukew
's "UX for Mobile" youtube playlist is gold:
Optimizing for input, varied screen size, navigation… A+
2
83
323
Github Linker, recommended Chrome extension. Links NPM & bower dependencies to their repo.
http://t.co/Bmd5IoL3rI
11
266
318
෴ High performance animations ෴, by
@aerotwist
and I.
http://t.co/rnG0qFNxYI
In one image:
http://t.co/QnWA94ii59
14
190
316
Public Service Announcement: CSS selectors are FAST. Do not spend time optimizing them.
http://t.co/WwaW1bK913
Heartz. :)
15
385
313
Google search will now highlight mobile-friendly pages in the mobile search results.
http://t.co/gWiDLVrIEA
http://t.co/VcT6c9egbt
14
704
310
just got a huge upgrade. The updated Feature Status dashboard is looking great.
7
272
290
A Designer's Guide to DPI, by Chrome designer
@KounterB
http://t.co/hKMz0t5zxT
http://t.co/529N3mpndp
9
176
298
Modern Web Development
Part 1 – The Webkit Inspector
http://t.co/zayMdHNu
My favorite article of the month. (And yes, Google is listening ;)
7
161
298
WebKit for Developers
http://t.co/veGU4XC2zO
A guide on understanding what WebKit is and what WebKit isn't
12
305
292
Let's put together a library of performant mobile-first CSS transitions and animations video:
http://t.co/3knhoPymly
7
126
290
I'm interested in more development workflow videos (like
http://t.co/9LoqEJh5).
How do you work? Editor/plugins/source-control/devtools?
17
59
283
My I/O talk:
Better Web App Development Through Tooling & introducing
@yeoman
http://t.co/ZoSviXFq
Slides:
http://t.co/96R4hQcR
11
134
285
Parallax performance. It can be done. My talk from CSSConf: slides (updated):
6
111
282
JavaScript question. Why is the return value of the variable declaration the previous statement's?
#confused
😵
26
88
277
SimCity's UI is completely written in JavaScript running on V8 & WebKit:
15
554
272
Web Performance Crash Course by
@igrigorik
:
http://t.co/xLhLSYMDqo
3 hours of web & browser speed knowledge.
4
102
275
Why moving elements with 2D transform's translate() is better than pos:abs & top/left
http://t.co/FKsIMwSh
14
218
270
I had a great debate with
@greensock
on CSS vs JS animation:
http://t.co/RyeRShF962
It gets good in the comments. ;)
9
138
273
Two recent, A+ CSS3 presentations: The Future of CSS by Dave Shea:
http://t.co/80XbuEMk
& CSS3 Secrets by Lea Verou
http://t.co/P3ndMPyo
5
87
270
The fetch() API. About time we retire "hand-write an AJAX request" as an interview question.
http://t.co/4L3yQBw87J
http://t.co/IMynNGdK70
12
201
268
Still ♡ing the mobile webgl xmas card from AKQA. 60fps, interactive, fun. Tap on your phone:
http://t.co/KwrngY4PeJ
http://t.co/aQf5vRpT41
18
221
270