792

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 (www.tomshardware.com)

submitted 6 months ago by [email protected] to c/[email protected]

154 comments fedilink hide all child comments

you are viewing a single comment's thread
view the rest of the comments

[-] [email protected] 55 points 6 months ago

My simple home page is 10 KB now. And you might not think that's such a big deal, but it has more content than Google's search page and that rings in at a couple MB IIRC. 😁

[-] [email protected] 7 points 6 months ago

On the contrary! I absolutely loathe how bloated webpages have become over the last few decades, so it's very refreshing and laudable to see a webpage that tries to keep itself as small as possible.

[-] [email protected] 1 points 6 months ago

How do I measure how much data my page loads? Now I'm curious

[-] [email protected] 8 points 6 months ago

Press F12 to open the Debugger.
Click the "Network" tab
Press Ctrl+F5 to reaload the whole page (including previously cached files)
under the list of transfered files in the greyish bar above the debug console (if enabled...) you see the total number of requests the site made and the total filesize that has been transfered; lower is better.

Picture: https://superuser.com/a/1718133

[-] [email protected] 2 points 6 months ago

Thank you for the detailed answer!

[-] [email protected] 3 points 6 months ago

If you can't answer this question you're doing it wrong. It should be as simple as "how large are the files in my web hosting folder". All this fucking tech stack bloat is so unnecessary.

[-] [email protected] 1 points 6 months ago

In the developer tools in the Network tab. FF sums it up at the bottom of the list when you reload (e.g. for this page "24 requests, 4.74 MB transferred"). Chrome must have something similar. Be sure to check "Disable cache" in the devtools.

[-] [email protected] 1 points 6 months ago

Chrome reports the memory a tab uses if you hover over the tab. Look at the task manager within your browser. Try clicking on the burger bar, then "More tools" and "Task Manager" within the browser.

[-] [email protected] 2 points 6 months ago

Oh, I didn't know I could do this in DevTools! I figured I would need some other tool

this post was submitted on 18 Mar 2024

792 points (99.0% liked)

Technology

34451 readers

308 users here now

This is the official technology community of Lemmy.ml for all news related to creation and use of technology, and to facilitate civil, meaningful discussion around it.

Ask in DM before posting product reviews or ads. All such posts otherwise are subject to removal.

Rules:

1: All Lemmy rules apply

2: Do not post low effort posts

3: NEVER post naziped*gore stuff

4: Always post article URLs or their archived version URLs as sources, NOT screenshots. Help the blind users.

5: personal rants of Big Tech CEOs like Elon Musk are unwelcome (does not include posts about their companies affecting wide range of people)

6: no advertisement posts unless verified as legitimate and non-exploitative/non-consumerist

7: crypto related posts, unless essential, are disallowed

founded 5 years ago

MODERATORS

[email protected]