THIS .⬇️

“The smoothness of a web application is an anti-indicator of its reliability and predictability as a web page.”

https://unplannedobsolescence.com/blog/hard-page-load/

#WebDev #SPA #SinglePageApplication #WebPage #Web

Who's Afraid of a Hard Page Load?

Single-Page Applications (SPAs) are a worse user experience.

Unplanned Obsolescence
SPA(Single Page Application)について勉強したことをまとめました - Qiita

この記事のきっかけ最近、Vueを触る機会が増えてきたのですが、どうやって表示されているのか気になったので勉強したことをまとめてみました!SPAと呼ばれるアプリケーションは、どのように表示されている…

Qiita

@heydon on SPAs (not spas):

“SPAs replace the bad user experience of having to wait a second or two for 20KBs of HTML to be sent to your browser from a server with the good user experience of waiting several seconds for the server to send a 300KB JavaScript bundle, used to render HTML from scratch.”

😂

https://heydonworks.com/article/what-is-a-single-page-application/

#WebDev #UX #SPA #SinglePageApplication #JavaScript

What Is A Single-page Application?: HeydonWorks

Really love the new #wouter version. Got to test nested routes for the first time today. #React #SinglePageApplication https://github.com/molefrog/wouter/releases/tag/v3.0.0-rc.2
Release v3.0.0-rc.2: Routing "all-inclusive" · molefrog/wouter

Over the past four months, @jeetiss and I (@molefrog) have been working on the upcoming major release v3. We've carefully listened to your requests on features that you wanted to see in Wouter and ...

GitHub

React is the death of web development. This is an example from the Azure ML Portal, where a table is marked up as an infinite amount of <div> elements instead of as a <table>.

The only excuse for this would be if the <div> soup was responsive and had break-points for small screens. It doesn't. It's as static as it would have been had it been semantically marked up with <table>.

Please stop.

#React #HTML #Web #Development #SinglePageApplication #SPA #Table

A #NewToMe article by Alex Russell (@slightlyoff) points out that websites are still way too bloated to reach 75 percent of global viewers. A page load on a cold cache shouldn't exceed 500 KiB, or people using older budget mobile devices won't be able to view your page in 5 seconds. Modern script-heavy #SinglePageApplication #FrontEnd frameworks are boat anchors compared to good old #ProgressiveEnhancement.

I'm agreeing with most of it, except that Alex's suggested split of 350 KiB of #JavaScript and 150 KiB of everything else (#HTML, #CSS, and images) sounds backwards to me.
https://infrequently.org/2022/12/performance-baseline-2023/

The Performance Inequality Gap, 2023

To serve users at the global P75 of devices and networks, we can now afford ~150KiB of HTML/CSS/fonts and ~300-350KiB of JavaScript (gzipped). This is a slight upgrade on last year's budgets, thanks to device and network improvements. Meanwhile, web developers continue to send more script than is reasonable for 80+% of the world's users, widening the gap between the haves and the have-nots. This is an ethical crisis for frontend. Meanwhile, the most popular tools and frameworks remain in stubborn denial, but reality is not moved by ignoring it: when digital is the default, slow is exclusionary.

Alex Russell

If you're interested in a #TweetDeck-like multi-account web client for #Mastodon or #Pleroma, take a look at @sengi_app by @NicolasConstant.

It's a #SinglePageApplication which stores account data only in your own browser via #LocalStorage.

https://nicolasconstant.github.io/sengi/
https://github.com/NicolasConstant/sengi

Discover Sengi