THIS IS THE BEST MOTHERFUCKING WEBSITE.
Your motherfucking websites got nothing compared to this beauty.
LIKE SERIOUSLY, DOES IT EVEN FUCKING MATTER?
If you look at the granddaddies of motherfucking websites, every single one of them say that websites are bloated, and therefore need to look fugly to stay lightweight. What a stupid idea.
You guys fucking complain about page load while trying to load YouTube from your Google Fiber whereas I, a third-world country peasant, would cry tears of actual joy if true broadband connection would ever reach us. Y'all keep trying to pretend that page bloat is a big fucking issue, and that the existence of JavaScript has become a bane to humanity's shitty existence, yet forgot that web performance is something that requires some TLC and actual fucking effort, and all of the page bloat hoohah doesn't even matter as much anymore.
This is where The Best Motherfucking Website ― TBMFW ― comes in. To prove all you fuckers wrong, plus it also works as an eye bleach.
Now I know you're probably thinking, really?
WELL, GUESS WHAT:
Look at this fucking beauty. It's sleek. It loads faster than you can even take a shit. And not to mention that it still has all the glory of a perfect-ass website:
- Shit loads fast, even with all this fancystuffs thrown into the mix.
- Still fits on all of your shitty screens.
- Still looks the same in all your shitty browsers.
- The motherfucker's still accessible to every asshole that visits your site[1].
- Is entirely open source.
[1] Okay, listen up here. HTML5 adoption in browsers has reached the tipping point. Unless you're one of those weirdos still using Windows fucking XP, then every shitty browser there is ― Edge, Safari, even Internet fucking Explorer ― has implemented the core bits of HTML5. No fucking excuses.
MODERN JAVASCRIPT WITHOUT THE HEADACHE.
The JavaScript ecosystem is exploding like uncontained diarrhea, and in the middle of that, the overall page size on the Web also increased. So you might think that websites will load slower than ever, shit will break, and we're inching one step closer to the heat death of the universe.
Wrong, motherfucker.
Look at how fast this shit loads. It's faster than you can even take a shit. This website is rendered with Gatsby.js, a fawesome static-site generator powered by React which shits out pre-rendered static pages with extra optimization built in.
Even better than that, despite all of this newfangled ECMABabelFlowReasonTypeScript magic, you can still make things less suck. Strap yourselves in, folks.
PERFORMANCE WITHOUT THE UNNECESSARY DIET.
Think your website is fat? Been thinking to take your website on an unnecessary diet? Stop the fuck right there. Your motherfucking website looks fine as it is, don't let anybody fucking tell you otherwise.
But "page bloat", you say? Sure, back in ye olde Web 2.0 days, this was a problem. But the thing is, on the modern web, page bloat has become much less of a fucking issue than whether or not we should put in pineapple on a fucking pizza[2].
Especially when newfangled tools and techniques that makes it easier to optimize for that sweet, sweet Lighthouse score, that sweet, sweet first meaningful paint (FMP) time. Here's the key to all of these black magic: progressive enhancement.
[2] Well hey, I don't care whatever the fuck you do to your pizza, I'm not your mom. So if it tastes good for you, then... why the hell not?
Even when you got a shitload of scripts and fonts, you can wrap all the critical ones inside a <link rel="preload"> tag. Thanks to HTTP/2, it will load all of them in parallel. Anything else, like below-the-fold images and scripts for other pages, can be pre-cached or lazyloaded.
If your site has got a bunch of CSS shoved into it, only load what's critical for the page, and inline them for good measure. If your CSS load blocks the rendering of your page, fuck you.
And should you ever get lost, the experts have been there and done that. Google has their own PRPL method, and the Smashing Magazine has their own performance checklist, both of which are worth checking out.
GOOD DESIGN WITHOUT THE TORTURE.
I'm gonna level with you. I'm suffering from a rare health condition known as "CSS-itis". It prevents me from doing productive shit with, and even touching a single line of CSS, if I could help it. I never thought I would see the light of day.
Here's a solution: CSS-in-JS. I know it sounds counterintuitive, but hear me out. Designing through CSS is already a pain in the ass, especially with globally-scoped classes that will be happy to fuck you over when your CSS gets large. Thank fuck for CSS Modules, which takes your existing CSS and solves all of the scoping issues through some JS magic. There's also a lot of other options, like Styled Components, Emotion, etc.
So here you go, all the goodness of CSS-in-JS, rolled into this very page. Beautiful typography. And alignment. Also, light-coloured backgrounds are for losers. I like it dark. It's edgy as fuck. Plus, it doesn't hurt your fucking eyes when you're looking at this beauty for 16 hours straight.
AND YES, THIS WHOLE THING IS STILL SATIRE, YOU DIPSHIT.
I'm gonna end this motherfucking rant with some positivity. My point is, yes, it's true that the average webpage is now the size of the original DOOM. Sure, websites are getting more and more bloated. But all of these matter less than what they used to be. In fact, the developers of No Man's Sky tried to make their procedurally-generated game as small as they can. Look how well that turned out.
This whole increase in size is natural, but also, recent innovation in web development has made it easier to make your codebase less shit. When one door closes, another one opens wide. What matters is how can you optimize for that sweet, sweet Lighthouse score, that sweet, sweet first meaningful paint (FMP) time. Be it by code splitting, preloading your essentials, lazyloading your shit, or whatever kind of black magic you came up with. I don't care, it's your app. I don't make the rules.
And sure, the JavaScript platform is exploding like diarrhea, and we've seen a lot of shitty apps written in JavaScript as of late. But just like many other shitty languages, the language itself is hardly an issue. Any bad developer can take any platform/ecosystem and shit on it. But amongst the dark alleyways filled with piles of shit, there's still a majority of people trying their hardest to make things better for everyone.
"Hey you know the best way to write apps? The way that ends up with an app."
— Ken Fucking Wheeler
Anyways, this website is made by me, and the domain name is generously donated by him. It's entirely open-source and available on GitHub.