( 8 min read )
JS is a runtime language in your browser. Along with HTML and CSS; these make up the three core technologies in the World Wide Web. JS mainly used to add some spizzazz to popular websites, like audio, video, animations, or even validate input for forms.
What are you doing?
Why? Isn’t this kinda stupid?
Well, a website is like a cake. It has layers, ingredients, flavors, and more, all put together. HTML would be the cake base or structure. CSS would be the frosting, creme, fondant, and sprinkles. And finally, JS would be the candles.
If you take away the candles, is it still a cake? Yeah sure.
What about the frosting, creme, or cake batter? If you take that away would it still technically be a cake? Not really. You’d either have a pile of frosting with candles on it, or candles on cake batter without any filling. Gross.
Same goes for websites. If you take away each piece individually, its not so great of an experience. However, without candles (JS) I still think the basic experience should still be fine. After all, you blow out the candles before you eat the cake anyway. If your site makes use of JS, that’s fine. Just make sure you have an alternate plan for users without it. Not all browsers support JS, and an increasing number of users are disabling it for security purposes.
So without further ado, here are some popular websites, loaded with JS disabled.
Facebook fails to load, but warns you, and gives a few options as well.
Twitter loads up fine. But you can’t tweet, retweet, or like, anything. It also only seems to load 2 posts on the home page, and stops loading more. I’m not sure if this is better or worse than Facebook’s method of no access at all, than Twitter’s partial access viewing.
Ok now we got something. Links work. Not as many images, but icons loaded fine. Even a little warning box to the left. I’d say nicely done American Express.
Loads just fine. Although, after closer inspection the menus don’t drop down, and some blue buttons loop back to this page. But some others work. Alright Comcast, I was pleasantly surprised this mostly worked.
Wow… I got nothing but a blank page from Allstate.com. This is terrible.
This is the inbox page of ProtonMail. It simply fails to load. Its loading gif is pretty eye catching though. But it simply spins forever. This is arguably not a popular website yet, but I wanted to at least compare it to Gmail since I ditched Gmail 2 years ago. ProtonMail is still being expanded upon, so I get why it doesn’t fail graciously. But adding a
<noscript> tag is very easy to do! Come on!
Upon further inspection, the page does contain a
<noscript> tag. Its just being covered up by the fancy loading gif.
<!--- No Script message --->
<noscript style="padding: 2rem; display:block; text-align: center; color: #fff">
And that’s it for now!
Published: Apr 26, 2017