Email or username:

Password:

Forgot your password?
Top-level
Molly White

web devs spent years agonizing over time to FCP only to now make people wait for their unnecessary animation to finish before visitors can actually read anything

52 comments
2xfo

@molly0xfff
"Minimalistic by design"

I don't think that word means what they think it means

𝕸𝔞𝔩𝔦𝔫

@RnDanger @molly0xfff
I thought I saw that word, doing a backflip and flying around the page, with a mere 50MB of Javascript dependencies.

Donnie Two Peaches

@molly0xfff wait 'til you try to find the actual recipe on a recipe page and slog through an endless story about Tuscan summers ;-)

Abe Massry

@unabogie @molly0xfff there’s some hidden gems and techniques in those endless recipe blogs. When people try the dishes I make I tell them the recipe is good, but the article is better.

If only my phone’s browser didn’t crash while I was scrolling the page

FanCityKnits 🇺🇦🧶

@unabogie @molly0xfff

That's what cooked.wiki/ is there for.

Yes, I know they probably need the adds to finance the free recipe site. But if they go that overboard - no

Gabriel Garrido

@molly0xfff Running into sites using media queries or checking for reduced motion is somewhat like running into a legendary pokemon when starting out in Pallet Town.

ashleycollinge

@ggpsv @molly0xfff what do you use for mobile clients without media queries? Is there a better way? I've been trying to make my website as fast as possible, no JS etc. using Hugo

Gabriel Garrido

@ashleycollinge @molly0xfff Sorry, I was not clear. I meant using the media query for "reduced motion": `@media (prefers-reduced-motion)`.

I use this in my Hugo site so that the "jump to top" button is immediate if this setting is set in your device. Otherwise, the scroll is "smooth"

```
@media (prefers-reduced-motion) {
html {
scroll-behavior: auto;
}
}
```

ashleycollinge

@ggpsv Ahh I understand! I'm going to save that. I prefer websites to be snappy, too often I've managed to move the cursor to the next button before it's loaded, not good!

Gabriel Garrido

@ashleycollinge To be fair, CSS has changed a lot and it may be hard to keep up with all the latest things. But if you're doing a lot of animation/transition like Molly's example, it's good practice to respect that setting.

Gabriel Garrido

@molly0xfff :cheff-kiss:

Love the `.grift-counter` class, too.

Neia

@molly0xfff@hachyderm.io Yeah, I use uMatrix to prevent sites from using CSS or javascript — originally when every site decided we only needed text weight to be at homeopathic levels and ultra low contrast, but I've managed to mostly escape this drek.

It's terrible.

Vertana

@molly0xfff It does cut down on animations, so there can be a perceived performance increase.

Molly White

@vertana this is the site with prefers-reduced-motion. a responsible web dev would eliminate the unnecessary animations IMO

Vertana

@molly0xfff Wow. I don’t think I’ve actually seen a website respond to the reduced motion setting from the OS. This looks (and probably feels) much better with reduced motion.

Christian Kent

@molly0xfff @vertana I wouldn't mind this as the default, and (what you ask) no motion for the preference as set.

TBH there's some far farrrr worse stuff out there that bothers me 20x as much. Anything that reflows while I'm reading it — because a banner reloaded at the top with different sizes — or pretty much anything that delays the moment I can begin reading, just to load data.

Those sorts of things are "does not work as designed" whereas the OP is pointing out things that are annoying when working as designed. Two separate fights.

@molly0xfff @vertana I wouldn't mind this as the default, and (what you ask) no motion for the preference as set.

TBH there's some far farrrr worse stuff out there that bothers me 20x as much. Anything that reflows while I'm reading it — because a banner reloaded at the top with different sizes — or pretty much anything that delays the moment I can begin reading, just to load data.

Greg Brooks

@molly0xfff I was going to respond with that site that is super fast with no javascript ~”this site is really f’ing fast”, but web search is so completely broken today that I can’t find it.

Wenzel

@molly0xfff maybe this is a stupid idea, but I think we need a dumb browser that just does not support this stuff.

Made in DNA

@molly0xfff

Tho, I gotta admit, be cool if all corpos switched over to GeoCities and late 90s design.

DELETED

@molly0xfff Yeah i've read i don't remember where that all those shenanigan where also one of the reason the web was unusable on lower hardware.

⁂ Justin (StayGrounded.online)

@molly0xfff Screw your SEO content, I want HEO (human eyeball optimized) content!

The Other Brook

@molly0xfff Back in the beforetime we called that Flash Abuse and every site had a "skip intro" button.

Molly White

@beep :blobfoxangrylaugh: a year later and it's only gotten worse

Phil Giammattei

@molly0xfff @beep it feels very much like a signal for “we spent a lot of money on this site” without conferring any user benefit whatsoever

Jamie McCarthy

@beep @molly0xfff Months ago I started responding by scrolling to page bottom and back up, to get all its animation out of its system. Sometimes this even works

Jerome (He/Him)

@beep @molly0xfff I made every single element on a PowerPoint animate for an 8th grade presentation. This is giving the same energy.

david_chisnall

@jeromechoo @beep @molly0xfff Back in the ‘90s, PowerPoint had an export to web function, which used a load of IE-only extensions to support all of the animations. As a result, IE could do any animation that PowerPoint could do.

I discovered this when ordering from a local pizza place at a friend’s house. He was the only person I knew still using IE and it turned out that what I’d thought was a fairly simple site (with a gratuitous number of background images) had weird transitions on every click. Looking at the page source, we found all of the non-standard CSS bits.

On the one hand, it’s nice that web standards have caught up with proprietary extensions. On the other hand, those extensions were an abomination unto Nuggan.

@jeromechoo @beep @molly0xfff Back in the ‘90s, PowerPoint had an export to web function, which used a load of IE-only extensions to support all of the animations. As a result, IE could do any animation that PowerPoint could do.

I discovered this when ordering from a local pizza place at a friend’s house. He was the only person I knew still using IE and it turned out that what I’d thought was a fairly simple site (with a gratuitous number of background images) had weird transitions on every click....

Stuart Langridge

@molly0xfff everyone who builds a website where all the text slowly slides and fades into place will be punished by having their phone’s home screen do the same thing for a week, or until they throw it out of the window, whichever comes first

Philipp Kruse

@molly0xfff My theory is still that the proliferation of Wordpress and its commercial theme ecosystem has been a primary driver of this trend. But yeah, it’s gotten pretty ridiculous.

Rhys Jones

@sphire @molly0xfff This is definitely what I’m noticing. I’m currently going through the process of evaluating Wordpress as an option for the company I work for and their aging Wordpress site. The majority of themes heavily focus on animating content all over the place, I guess that sells? I know the marketing department loves them. I think I’m just going to give up on Wordpress however and build the site in Astro and use Builder as the CMS. Oh and no animations.

Abe Massry

@molly0xfff I used plain html and css to make a blogging site and I had to use the iPhone high speed camera to measure how long it took to load.

ireadthisweek.com/author/iread

It was in response to some hacker news comments.

IslandUsurper :nixos:

@molly0xfff surely not the same web devs, right? Right?! :blobcatcry:

Chris Adams

@molly0xfff “good news, boss: our time on site doubled!”

Oggie

@molly0xfff God yes.

It was a constant, heavy thing of how much needs to load before the page is usable. And can we slim that down.

If you disable script stuff, most webpages now just completely brick. And they really don't fucking have to. If you want to do a simplistic aesthetic, do it! You can even be clever with click maps if you hate users that much, but stop with this animation that leaves me confused if my adblocker broke your shitty page, or 'stylized'.

Interpipes 💙

@molly0xfff god yes

We took over the hosting for an organisation, and one of the “performance optimisations” I deployed for them was quartering the fade in time of their page.

Go Up