Joined November 2008
- Tweets 4,089
- Following 1,384
- Followers 20,173
- Likes 1,596
1,172 Photos and videos
Umar Hansa retweeted
30 Oct 2025
Neat lil learning from today’s @PerfNowConf (via @umaar):
You can now throttle individual requests in Chrome!
Neat for experimenting with stuff like
- lazy-loading: does the UI look okay if this chunk takes MUCH longer to arrive?
- resilience: what happens if this specific CDN is extremely slow?
- etc
1
10
11
2,668
6 Mar 2025
📢 The Chrome DevTools flame chart has just become *much* easier to use.
I wrote about these new features (for DebugBear), and other new DevTools features you probably didn't know about.
debugbear.com/blog/favourite…
1
14
28
2,493
24 Feb 2025
Claude 3.7 drawing pelicans with SVG
Noticeable improvements with each new model
> Generate an SVG of a pelican riding a bicycle. Make it look like the pelican is riding the bike with an animation. Also make the bike do a wheelie every few seconds
x.com/simonw/status/18498542…
25 Oct 2024
Playing with a new LLM benchmark: how good are they at drawing an SVG of a pelican on a bicycle?
Here's the difference between Claude 3.5 Sonnet new and Claude 3.5 Sonnet previous
ALT Claude 3.5 Sonnet (2024-06-20) - it's clearly a bicycle but the pelican has a pretty small beak
ALT Claude 3.5 Sonnet (2024-10-22) The pelican here has a better sized beak and is also colored an off-white
1
3
19
4,410
21 Nov 2024
Shared some DevTools tricks that I use, you'll want to expand the thread!
x.com/umaar/status/185961266…
21 Nov 2024
20x CPU throttling is a pretty helpful for catching perf issues on a fast machine
1
9
1,323
14 Nov 2024
🆕 Made a quick video that teaches you how to add in View Transitions on your website via @ChromeDevTools, so you can prototype it locally
Takes less than a minute! ⬇️
youtube.com/watch?v=L-TZPDkq…
1
3
9
1,276
Umar Hansa retweeted
11 Oct 2024
🆕 Enabling SSR in your JavaScript framework can make your web performance worse
I discuss JavaScript hydration, amongst other topics, in this new blog post
In case you're wondering, no, the solution is not to ditch SSR
developer.mozilla.org/en-US/…
10
26
2,744
2 Oct 2024
I've been using Ruby on Rails recently, everything's server-side by default, minimal JS.
Got me thinking about the govuk guidance:
> If you use a JavaScript framework you should be able to justify with evidence, how using JavaScript would benefit users
gov.uk/service-manual/techno…
ALT Useful information from gov.uk on factors to consider when using a JavaScript framework
1
10
1,332
Umar Hansa retweeted
14 Nov 2021
TIL.
Chrome DevTools: Improve page accessibility by emulating vision deficiencies.
This is neat!
Two examples:
Protanopia - Colour blindness resulting from insensitivity to red light
Deuteranopia - Red-green colorblindness
umaar.com/dev-tips/231-emula…
ALT Chrome DevTools, Umaar showcasing emulation of vision deficiencies.
1
4
6
4 Sep 2024
"Please zoom your browser to 80%" 🤷♂️
PSA to web devs: test and use your website at different zoom levels. Is your website still usable?
Big fan of this, found on govuk "You should be able to zoom up to 300% without text spilling off the screen" from:
platforms.service.gov.uk/hel…
1
2
14
1,107
4 Sep 2024
Their full list is great. You should be able to:
- zoom up to 300% without the text spilling off the screen
- navigate most of the website using just a keyboard
- navigate most of the website using speech recognition software
- listen to most of the website using a screen reader
4
756
2 Sep 2024
Wrote a guide on collecting web performance metrics from JavaScript, and sending those metrics to a @CloudflareDev Worker.
Workers are great. Was able to store metrics in a database, and send an email when performance degrades - all for free!
debugbear.com/blog/core-web-…
1
8
92
5,494
Umar Hansa retweeted
28 Aug 2024
This treemap feature in Lighthouse is useful and @umaar has done a great job explaining it- you can visualize your js deps, including unused js: umaar.com/dev-tips/270-devto…
ALT Umar Hansa exploring lighthouse treemap, all of the bundles visualized
10
48
9,286
28 Aug 2024
Still see the question pop up every now and then
Here's why JavaScript might not be available in your web application
Service workers, View Transitions, Speculation Rules...you can get instant page loads and SPA-like behaviour with these APIs. Use them!
piccalil.li/blog/a-handful-o…
1
8
26
2,741
Umar Hansa retweeted
20 Aug 2024
Great video by @umaar on the new performance panel in Chrome DevTools, interesting and insightful youtube.com/watch?v=aTb5eTiA…
3
7
2,450
16 Aug 2024
People seem to like the Modern DevTools Debugging post from yesterday, so here's a new video to watch and follow along.
If the DevTools Performance Panel feels overwhelming, this video is for you ⬇️
youtube.com/watch?v=aTb5eTiA…
3
18
1,423
15 Aug 2024
🆕 Just wrote a new article about performance debugging with DevTools
Lots of new features in the Performance Panel, has made finding performance issues *much* easier
Check it out
debugbear.com/blog/fix-web-p…
3
35
115
15,105
3 Jul 2024
🆕 Just made a new in-depth video: The Ultimate Website Optimization Guide.
💡 Practical workflows to fixing a slow website
youtube.com/watch?v=_ZCpE0Aa…
5
20
1,507
Umar Hansa retweeted
24 Jun 2024
Just made a new video about image performance on the web! Lots of practical tips and tricks covered in this one ⬇️
- Lazy loading (when to use / when not to use)
- Chrome DevTools tips and tricks
- How to fix layout shifts
youtube.com/watch?v=aTjlv0g_…
11
17
1,775