EDIT: This is what I get: http://imgur.com/a/Cg9sD
EDIT: This is what I get: http://imgur.com/a/Cg9sD
And the new one is even worse (though it's a work-in-progress)
Our "no JS" fallback styles are not done in a very nice way at the moment: they rely on the browser reading noscript tags. We never did any testing with NoScript or similar add-ons, and I remember hearing somewhere that those sort of add-ons don't always evaluate noscript tags.
- Chrome Version 57.0.2987.133 (64-bit)
- No-Script Live 0.2.4 http://mybrowseraddon.com/noscript-lite.html
- Privacy Badger 2017.4.19.1
FWIW Privacy Badger isn't blocking anything, I think this is all from script blocking. I notice that low-res images get sent by default, which suggests that the design conflates 'no script' with 'mobile'? That's not true at least in my case.
Here's my browser log. https://gist.github.com/afandian/b97fc7bb9f5e15f924acb770322...
Could also be javascript-powered lazy loading. Load the low res using HTML then swap out high-res when the user scrolls it into view
Why would you send a low resolution copy of the image first? Probably because you assume someone is on a low-bandwidth connection.
We use a technique called cutting the mustard to determine whether a browser is modern (read: >=IE9). This allows us to write one set of CSS that should work in pretty much any web browser (we call this the "core" experience), and another set that uses modern-ish CSS (the "enhanced" experience). One of the major drawbacks to this technique is that the technique relies on JS — it is literally just modernBrowser = ('addEventListener' in window && 'querySelector' in document && 'localStorage' in window).
So when you browse the BBC News website with JS disabled, you are getting a page that has been styled to work on a Nokia E65, BlackBerry OS4, IE8, and everything in between. Unfortunately right now we don't have a way to give you the enhanced version of the page without JS. In the future it might be possible for us cut the mustard at the server (or the CDN edge) based on User-Agent but that isn't something I can see happening in the foreseeable.
Thanks for engaging with questions.
- Chrome Version 58.0.3029.81 beta (64-bit) - uMatrix 1.0.0 - uBlock Origin 1.12.1 - Privacy Badger 2017.4.19.1
Firefox 53.0 (64-bit). uBlock origin, HTTPS Everywhere, Decentraleyes, and Javascript Toggle.
Edit: And even with JS, images remain low resolution (or invisible) until you stop middle-button scrolling which makes for scanning through articles very painful.