THIS IS THE BEST MOTHERFUCKING WEBSITE.
Your motherfucking websites got nothing compared to this beauty.
LIKE SERIOUSLY, DOES IT EVEN FUCKING MATTER?
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.
- Is entirely open source.
 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.
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.
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.
 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.
"Hey you know the best way to write apps? The way that ends up with an app."— Ken Fucking Wheeler