Search
Items tagged with: webperf
Microsoft Mgmt Deteriorates GitHub UX - Goodbye Perf and Progressive Enhancement?
Mu-An Chiou writes @muan:
"React got pushed down from Microsoft management and most of us on the [GitHub] front-end team quit."
#webperf #ProgressiveEnhancement #github #Microsoft
JavaScript dos and donts @ Mu-An Chiou
Do When the core functionality of a feature cannot function with only HTML. When the core functionality of a feature can benefit from some JavaScript. Start with only HTML, then progressively enhance it, so it can still work without Jav...Mu-An Chiou
Some impressive test results from
@PatMeenan about Compression Dictionaries (just approved to ship in Chrome!):
github.com/WICG/compression-di…
Unlike traditional gzip or brotli usage, this allows compression ACROSS requests.
So app-v1.js could be reused when downloading app-v2.js so only the differences are downloaded basically.
Or a separate dict could be used to compress similar pages (e.g. those using same templates or layout) so they basically only include page-specific content.
Now in #Firefox DevTools 129: massive performance improvements, @starting-style support and accessibility fixes:
Why don’t we talk about minifying CSS anymore? blog.sentry.io/why-dont-we-tal…
Me: because Javascript is a much, much, much bigger problem for web performance.
#a11y #webdev #css #javascript #webperf
Why don’t we talk about minifying CSS anymore?
Remember Grunt files? Gulp files? We rarely need to think about CSS minification, chunking, splitting and post-processing anymore. Here's why.Salma Alam-Naylor (Product Blog • Sentry)
Please don't bloat web pages!
"Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages"
tomshardware.com/tech-industry…
#webperf #webdev #webdevelopment #usability #sustainability
Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages, and some sites are harder to render than PUBG
Danluu benchmarks numerous websites and discusses their impact on older and/or weaker hardwareChristopher Harper (Tom's Hardware)
JavaScript Bloat in 2024
What is the average size of JavaScript code downloaded per website? Fuck around and find out!tonsky.me
nuejs.org/blog/tailwind-vs-sem…
"Semantic version is several times smaller, renders faster, and requires no extra CSS tooling"
#webperf #css #webdev
Tailwind vs Semantic CSS
Comparing two identically designed websites, their weight, amount of HTML and CSS, rendering speed, and best practices.nuejs.org
I've a new blog post out on all the lovely Speculation Rules improvements in Chrome.
I'm VERY excited about Document Rules and how easy it makes it to add low-risk prefetch or prerendering to your site:
developer.chrome.com/blog/spec…
Try it out and let me know how you get on!
Improvements to the Speculation Rules API | Blog | Chrome for Developers
Details of the latest updates to the Speculation Rules API including document rules, eagerness setting, limits, and speculation rules support on platforms.Chrome for Developers
The Performance Inequality Gap, 2024
infrequently.org/2024/01/perfo…
"building JavaScript-first websites has been a predictably terrible idea"
#webdev #webperf #javascript #mobile #inequality
The Performance Inequality Gap, 2024
How much HTML, CSS, and JavaScript can we afford? More than in years past, but much less than frontend developers are burdening users with.Alex Russell
Introduction to web sustainability | MDN Blog
What can web designers and developers do to build a more sustainable web? This post explores the environmental impacts of web technologies and looks at some of the ways we can build greener websites.MDN Web Docs
The Performance Inequality Gap, 2024
How much HTML, CSS, and JavaScript can we really afford? More than in years past, but much less than front-end developers are burdening experiences with.Alex Russell
Getting started with Web Performance 🚀 - HTMHell
A collection of bad practices in HTML, copied from real websites.Getting started with Web Performance 🚀 - HTMHell
Why web perf tools should be reporting website carbon emissions
Recently, a post from the web performance monitoring tool DebugBear about why they won't report website carbon emissions in their platform caught my attention.Web Performance Calendar
SpeedCurve | What is page bloat? And how is it hurting your business, your search rank, and your users?
Web pages are bigger than ever. Find out how this affects metrics like Core Web Vitals and what you can do to regain control of rampant page growth.SpeedCurve
Modern Health, frameworks, performance, and harm
ericwbailey.website/published/…
"Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life."
#webdev #webperf #ux #usability #a11y #uxd #webdesign
Modern Health, frameworks, performance, and harm
Performance, accessibility, and usability are more than just inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life…ericwbailey.website
Addy Osmani, 2023 youtube.com/watch?v=ZKH3DLT4BK… Why JavaScript is the most expensive resource your site uses today. #webdev #webperf #javascript
The Cost Of JavaScript - 2023
As we build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this talk, ...YouTube
You Really Don't Need All that JavaScript, I Promise • Stuart Langridge • GOTO 2019
This presentation was recorded at GOTO Copenhagen 2019. #GOTOcon #GOTOcphhttp://gotocph.comStuart Langridge - Member of the Web Standards Project's DOM Scrip...YouTube
Why I'm not the biggest fan of Single Page Applications
Sometimes it seems like accessibility experts and other web professionals hate JavaScript. This might be true for some, but most understand that JavaScript can be useful for improving UX and even accessibility.Why I'm not the biggest fan of Single Page Applications
Modern Health, frameworks, performance, and harm
Performance, accessibility, and usability are more than just inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life…ericwbailey.website
"Accessibility: the land that time to interactive forgo" by @LeonieWatson@twitter.com
m.youtube.com/watch?v=tQkPog-s…
—
I have been waiting for this talk recording for weeks!
Accessibility: the land that time to interactive forgot | Léonie Watson | performance.now() 2022
We tend to think of performance in terms of latency, code optimization, and things like the critical rendering path, but what happens when the browser create...YouTube
Accessibility: the land that time to interactive forgot | Léonie Watson | performance.now() 2022
We tend to think of performance in terms of latency, code optimization, and things like the critical rendering path, but what happens when the browser create...YouTube
6 Steps to Improve HTML Images For Users & Developers
Learn how to make HTML images better for users with responsive sizes and modern formats without making your life as a developer much harder.Austin (Austin Gil)