Something seems off with these results. 0KB of JS on the old site? That's just not true. To be clear, I'm not saying you are lying, just that your tool appears to be inaccurate.
To be sure, I ran this same sort of experiment with the Network tab of the Chome Dev Tools. Here are the important bits:
new reddit.com | old.reddit.com | |
---|---|---|
Requests | 93 | 143 |
Total Bytes | 2.5MB | 1.2MB |
HTML Bytes | 143KB | 33.2KB |
JS Bytes | 823KB | 614KB |
I did also run it through the Lighthouse tool:
new reddit.com | old.reddit.com | |
---|---|---|
Performance | 57 | 40 |
Progressive Web App | 45 | 36 |
Accessibility | 66 | 47 |
Best Practices | 81 | 69 |
SEO | 78 | 90 |
So, while the new site sends over more data, it does so in a more performant way. That looks to make sense when looking through a lot of the code. They're using Webpack for bundling, and are making liberal and effective use of code splitting. For a site like Reddit, with a lot of distinct sections of the frontend, that makes perfect sense. A huge chunk of those requests are easily cached and the code splitting means they can stay in cache longer (vs one huge script changing on every deploy).
Another key thing is unless you're just hitting one page and leaving, there is a *huge* reduction in bytes going from page-to-page in the redesign:
new reddit.com | old.reddit.com | |
---|---|---|
Page 1 Bytes | 3.2KB | 40.5KB |
Back to /r/redesign index | 0.7KB | 56.8KB |
Page 2 Bytes | 3.5KB | 42.4KB |
Back to /r/redesign index | 0.5KB | 56.2KB |
Page 3 Bytes | 3.4KB | 43.7KB |
The modal overlay for the comments pages has a huge impact on data usage. It's an order of magnitude or two less. That's where the benefits of the redesign start to kick in. It certainly has a higher impact at initial load time, but it quickly makes up the gap as you browse around for a bit.
Agree with you on the font. Something feels off about it, the letters are way too thin and there's too much "white" when you see the new page.
EDIT: Old reddit used Verdana. New Reddit uses Benton Sans. You can clearly see how thin and crappy the new font looks when compared to the old one.
Which cookie?
I clear cookies every time I close my browser, but I whitelist reddit.com. Yet, for some reason, the pop-up is there every... single... time.
edit: it isn't stored in a cookie. It's stored in local storage. Which yes, I clear every time.
Why in the world was it stored there instead of in a cookie? Sheesh.
That fully loaded time isn't really meaningful. At least for me, all visible content is loaded within 4 seconds, which is the same as the old site for me. The reason it takes so long to fully load is because they are deferring things like less-important javascript and off-screen thumbnails until after the page's main content is visible. GTMetrix doesn't register that because it's all done in Javascript, not HTML. They've done a lot of optimization the past couple weeks.
Also, compare old.reddit.com. It's just as slow according to GTMetrix.
I used to use ABP but uBO is better at least because it doesn't have the "acceptable ads program" ABP has where advertisers can pay money to not block ("whitelist") their ads when acceptable ads is enabled in your ABP settings.
>you can disable or enable anything you like.
You can, that's why e.g the "My filters" settings page is for.
>Sometimes I'm on a site with uBlock Origin and it blocks trackers which i can't seem to find to whitelist them
Go to the the site that uBO breaks, click uBO's icon, open the logger by clicking on the third button from the left that looks like a window under the on/off button (you can also select the site from the drop-down menu at the top in the logger)
Reload the site that uBO breaks and go back to the logger's tab
Find the thing you want to unblock and click the 4th cell in the line: https://i.imgur.com/dQABVuy.png
Go to the Static filtering tab, click "Block" (first drop-down menu) and select "Allow", then click "Create"
You can now close the page. The filter will be automatically placed at the end of the "My filters" page. You can delete it from there any time.
Here's the wiki page for the logger: https://github.com/gorhill/uBlock/wiki/The-logger
This. The WYSIWYG post editor, built-in support for things like spoilers and emoji, and infinite scroll are going to help with retention for people who are new to this site. But the comments section really should feel like a proper page switch, even if you are doing it in JavaScript.
I'm going to sound like a broken record when I say this, but their models should be Discourse and DEV. Both of them do page switching in JavaScript, they save your scroll position despite using infinite scroll (Discourse even helpfully lights up the thread you were just in, to make absolutely sure you don't lose your place), and they do it without replacing the actual pages with lightboxes. They act exactly like normal links, except opening them in the same tab is faster than opening them in a new one. Copying Twitter's lazy design is lazy.
I have seen exactly one site (https://dev.to) where the attempt, while not a huge improvement, hasn't been a regression. I'd be willing to believe there are a couple more out there. Most of the time, it's a lie. Most attempts, such as Facebook, Youtube, and now Reddit, all feel significantly worse.
If you're using uBlock Origin, use Dynamic Filtering. it should fix the problem.
I have a gut feeling that it's a bug, if redtaboo is corrent, then it shouldn't be blocked in the first place.
They've used Lighthouse, a website auditing tool by Google, which yeah uses a mobile viewport and service agent. Likely not the best way to compare the two, as they are near identical on mobile.
Here's the filter I'm using:
reddit.com##.redesign-beta-optin
Alternatively, Reddit Enhancement Suite seems to blend it out. You should get that regardless. It has a ton of improvements, but even just Nightmode is worth it.
Also, I'm guessing you got here from google or something? 2 month old thread...
The admins have said that it's "not going anywhere soon" and used i.reddit.com as an example of how well they maintain their legacy versions. So expect it to be supported at least a few years, but of course no-one knows for certain.
Also for OP, opening posts in new windows is coming, they've said so in an update post they made a few weeks ago. In the mean time just click on your scrollwheel to open in a new tab. You can even scrollwheel click the tabs in your browser to close them easily.
Hopefully they'll let users choose between infinite scroll or pagination (while I personally prefer the infinite scroll) and for the ads I suggest installing uBlock Origin: https://github.com/gorhill/uBlock Also make sure you install it from that specific github page because there's also just an "uBlock" plugin that isn't trustworthy. You need the Origin version.
You can use this adblocker filter (should work in ABP):
! reddit "Try The Redesign!" button reddit.com##.redesign-beta-optin
I have a list of filters that block annoying stuff in the old design: https://pastebin.com/Fun0Ebek
BTW, if you want to block ads (not just annoying stuff on reddit) I recommend using uBlock Origin. For example it doesn't have the "acceptable ads program" ABP has where advertisers can pay money to not block ("whitelist") their ads when acceptable ads is enabled in your ABP settings.
Thanks! That's cool, I didn't know it worked like that on mobile.
Here's the css if you want to use it with Stylish.
EDIT: Changed the link, Stylish doesn't seem to recognize its own exported css for whatever reason. However, you just have to set the "applies to" to "URLs on the domain" and put reddit.com there for it to work when creating the style.
Well.. i guess it doesn't always fail....
Ticker | Investment |
---|---|
BTC | $100 |
$1000 | |
DOGE | $10000 |
|Ticker|Investment| |:-|:-| |BTC|$100| ||$1000| |DOGE|$10000|
Ah https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#tables
>The outer pipes are optional
Optional, but that also makes empty cells 'ambiguous' (aka can cause differences between parsers due to undefined edge cases) of course. So yeah, use outer pipes, because without them the parser needs to guess about your empty cells.
https://redditenhancementsuite.com/
It's an extension that adds a ton of functionality to the site. One of the things it does is replace the top bar with one that can be customized, so it removes the orange new reddit button in the process.
Do you have any other extensions that may block ads (e.g Privacy Badger)?
(BTW, I would suggest using uBlock Origin instead of ABP, uBO for example doesn't have the "acceptable ads program" ABP has where advertisers can pay money to not block ("whitelist") their ads when acceptable ads is enabled in your ABP settings)
Screenshots highlighting your problem would help.
You should check the main IBMPlexSans page on Google Fonts to see if you have the same issue there. If so, it's something to do with your computer or browser's font settings.
Not sure, I haven't checked.
I used a CSS3 animation previously too, but I found it was pretty easy to turn your spritesheet into a gif and then convert to apng over at ezgif if you're interested in trying it out.
u/LanterneRougeOG - my sub, r/cordcutters needs to be able have Youtube videos removed but we need the signup and support pages for YouTube TV which is Google's live streaming tv paid service whitelisted. (https://tv.youtube.com/welcome/) We have Auto Mod remove the videos and we review them. Unfortunately spammers post alot of Youtube videos, and many aren't relevant or appropriate for our sub. If there is a delay or a breakdown in Auto Mod, then they get in the sub and we have to track them down.
It seems that your comment contains 1 or more links that are hard to tap for mobile users. I will extend those so they're easier for our sausage fingers to click!
Here is link number 1 - Previous text "DEV"
^Please ^PM ^/u/eganwall ^with ^issues ^or ^feedback! ^| ^Delete
Sure, though Dev does a bunch of stuff with JavaScript, like:
The weird part is that, other than the preloading and quick page flip, old Reddit actually used JavaScript for most of that stuff, too. I feel like half the reason for rewriting is that old Reddit's JavaScript (a) assumes that the current page never changes after initial load (b) has no test suite, so they can't change these kinds of assumptions without breaking stuff.
But still, Reddit should fire whoever is currently doing the redesign and hire the dev.to team to do it. Modulo misguided complaints about whitespace, they'd be able to build something we truly like, rather than merely tolerate.
It's not like the two apps are really that different.
> Can I ask why you would do links with js events instead of just links?
Speed. A traditional link restarts and re-renders everything, while a JavaScript function can be smarter about it.
Again, let me reference https://dev.to/ben/what-it-takes-to-render-a-complex-webapp-in-milliseconds as "doing this stuff right." Specifically, turbolinks combined with server-side rendering.
Just adding my thoughts here! I think this sudden freakout in terms of whether or not you're opted in or out of the redesign synced with a potential breach at Reddit. Hundreds of people have randomly been suspended and forced to change passwords (heartbreaking for those without an email attached to their account) within the last day or so. It's happened to me but luckily it's all sorted now.
For some it was a legitimate security fault on their part, using a simple password or one shared with another site are common reasons (please check https://haveibeenpwned.com/ to check if your account has been breached - also note it doesn't show every single breach, but it's the most obvious ones.) For others like me it was out of nowhere and for no reason, and it's very infuriating seeing a lack of communication about anything other than "you need to be more secure reddit user" because i think it's more likely to be a reddit issue than anything the users had happen. It's always good to be more secure but c'mon guys.
But yeah, i think there's been a severe lapse on reddit's part over the past few days, leading to all sorts of issues surging in frequency. I don't think the opt in/out mixup increase is anything indicative of the near future, but i don't doubt they'll try to use these tactics under a "better" guise of bugs when they feel they aren't getting enough money or whatever from us old reddit users. Fight the good fight people! The more we say the better :)
It seems that your comment contains 1 or more links that are hard to tap for mobile users. I will extend those so they're easier for our sausage fingers to click!
Here is link number 1 - Previous text "RES"
^Please ^PM ^/u/eganwall ^with ^issues ^or ^feedback! ^| ^Delete
Get an ad blocker. Reddit makes plenty of money, your advertisement & reddit gold money mostly just goes into the pockets of executives and shareholders, not to feed starving african webservers like 2007 reddit.
I don't know any details, it could be your username or something showed up in a password dump somewhere. I suggest checking out https://haveibeenpwned.com/ as a resource and making sure all your passwords are unique.
>The font style is too bold, hard to read, and horribly spaced.
You're going to need to support your argument with screenshots showcasing the specific problems you are having on your device; because Noto Sans is a well used publicly usable font.
I agree, the font is terrible on Firefox and Chrome on windows. Its really blurry. Had to follow some advice I found and block webfonts via uBlock. That reverts to another font that is much more like old reddit, and mush more readable. There must be som rendering bugs with the Noto Sans font. When looking at it on https://fonts.google.com/specimen/Noto+Sans?selection.family=Noto+Sans its really crisp at 14px and looks awesome. But on reddit its really blurry. Just as if the font was not pixel aligned and was of set by half a pixel.
Redesing's Sort icons and labels match /r/upvoted
​
Redesign's Filter icons and labels repurpose 'Rising' as 'Popular' (which makes total sense) and 'Top' as 'All' which does not make as much sense. Maybe an Infinityicon might work well for 'All'??
Took a while before I could reproduce. I believe /u/the_whining_beaver is correct (actually....that name applies to me on a near daily basis, lol). But there's no clear indication that there's a form field violation, without guidance, can't fix to re-submit. Better messaging or field rules are needed: https://www.screencast.com/t/UYmz3jYseYbt
a link is any anchor text that "links" to another location in the document.
Here's a quick article. https://www.crazyegg.com/blog/why-hyperlinks-are-blue/
My only point is the page on the left (old reddit) is infinitely easier to read vs the right page (new reddit)
>Autosuggest
Uhm I hate to tell you something.
>So although it may not be the first rule, it certainly does not go against the rules.
It absolutely goes against the rules, as i mentioned the first rule is to use native elements whenever possible. Web practices ignore that in favor of slightly prettier stuff, at the cost of re-engineering the wheel.
I've personally used Reddit Pics HD for years and years, ever since my first iPhone 4. I bought the ad free version for about 3 euros after using it for half a year. It's only for iOS though if I recall correctly, and it's not for everyone. Not sure if it's open source, probably not.
It's basically strips Reddit down to images and GIFs and you can select all, a sub or a multisub and just swipe through the images with a small bar at the bottom with the title. If you open the comments it opens i.reddit.com which works really well for me. It also allows you to save GIFs as either GIF or MP4, which was really handy for back when iOS didn't properly support GIFs.
App Store: https://itunes.apple.com/us/app/pics-hd-for-reddit/id429590524
Edit: I googled for an Android version and while FunPokes offers an apk from their website, someone said it was nothing like the iOS app. Someone else recommended this app for Android.