Because modern web is bloatware. Too much javascript, CSS, ads and cookie popups. A phone's hardware and internet speeds are generally not as fast as a desktop. So, it takes much longer to render on a phone.
Also, a lot websites nowadays deliberately make their mobile web experience shitty (cough ** reddit cough) to force their users to install their app.
Not every developer designs their site for mobile. Some design it for desktop, others for apps, some for phones.
At least some of it is shitty companies either neglecting to optimize or even outright sabotaging their own sites to try and force you to install their data harvesting app so they can sell more of your data for profit.
The rest is just lazy devs not optimizing because they're lazy and/or underpaid and overworked.
And the data harvesting app is nothing more than a stripped-down browser with the company's color scheme slapped on it.
Or a junior dev implemented it and somehow it passed code review. Then when it was tested by the dev on localhost, it ran great. Then when (if) it hit qa, it was ran on local servers and worked fine.
A lot of things slip through the cracks. That’s what hot fixes and patches are for. It happens.
Bold of you to assume they even use QA
lol I did say if. Some of us still have QA!
Seriously, fuck Instagram and Pinterest so much. I have those sites blocked from my searches permanently for just this reason.
You have to cram everything into a much smaller space while still having the whole thing be usable with much more clumsy touch inputs. Thos are serious limitations.
If 60% of the screen is taken up by some form of ad, that's a design choice not a technical hurdle.
When you're developing a site you have to decide whether to have a completely separate site for mobile (which is generally twice as much work for future site updates) or try to make one layout that adapts to both desktop and mobile (which tends to favor one or the other.)
It's really not that hard to make a single, responsive layout, but these fuckers just love cramming in the most unnecessary bs into their web experience.
And that is what makes it a problem.
The trend when doing web-development since at least 2014 or so is mobile-first responsive design, which is basically as you describe, and it is really not that hard.
You're right - the only reason that any regular website isn't performant is usually because it's chock full of bullshit. Most of the web is unfortunately riddled with a few problems:
JavaScript is incredibly overused, too. Like, you'll visit this simple site, not much going on at first glance, not much to do besides reading the content. And then you look at uBlock Origin, which tells you the site runs 46 scripts.
For what??
Ads maybe? Firefox + uBlock Origin might help with some sites that have ads for trackers.
I think some of the web frameworks people use are converting the desktop site into a mobile layout by applying additional CSS and layers ontop of it that makes it more inefficient.
If done well this isn't a noticeable performance impact. CSS is blazingly fast and even mobile devices can handle thousands of rules essentially instantly... sometimes, however, modern web frameworks use Javascript to either dynamically rewrite rules or, worse even, manually apply different styles to individual elements based on page width.
Also, react is a bloated piece of shit that can make any page take forever to load on a 3g or lower connection... and it's extremely popular.
For example the mastodon app on iOS sucks ass.
I don’t find that to be true. What device are you using?
A loosely moderated place to ask open-ended questions
If your post meets the following criteria, it's welcome here!
Looking for support?
Looking for a community?
~Icon~ ~by~ ~@Double_A@discuss.tchncs.de~