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
Top-level
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
@RnDanger @molly0xfff @molly0xfff wait 'til you try to find the actual recipe on a recipe page and slog through an endless story about Tuscan summers ;-) @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 That's what https://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 @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. @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 @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" ``` @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! @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. @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. @molly0xfff It does cut down on animations, so there can be a perceived performance increase. @vertana this is the site with prefers-reduced-motion. a responsible web dev would eliminate the unnecessary animations IMO @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. @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. @keyboardg I think you're talking about these: (which I was beaten to :( ) @molly0xfff maybe this is a stupid idea, but I think we need a dumb browser that just does not support this stuff. Tho, I gotta admit, be cool if all corpos switched over to GeoCities and late 90s design. @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. @molly0xfff Screw your SEO content, I want HEO (human eyeball optimized) content! @molly0xfff Back in the beforetime we called that Flash Abuse and every site had a "skip intro" button. @molly0xfff molly i appreciate you and *yes* https://follow.ethanmarcotte.com/@beep/110022616524644135 @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 @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 @beep @molly0xfff I made every single element on a PowerPoint animate for an 8th grade presentation. This is giving the same energy. @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 @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. @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. @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. https://www.ireadthisweek.com/author/ireadthisweek/post/2022/02/14 It was in response to some hacker news comments. @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'. @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. |
@molly0xfff
"Minimalistic by design"
I don't think that word means what they think it means