I believe the problem comes from CloudFlare lazy load. Try disable it, clear your caches and try again. It should be fine.
In case you need lazy load maybe you should check the box to avoid loading the PictureFill script (plugin options) and replace it manually (in your theme functions.php code) by loading this one : https://github.com/aFarkas/lazysizes
Lazysizes seems to support PictureFill and will also lazily load the images. That looks awesome but I didn’t try yet.
It would be really nice it you could try this. If it works for you, then I might also include this script and lazy-load as an option in the plugin 🙂
Jordy – Finally got around to testing this. No luck unfortunately.
CF disabled. WP Cache cleared between each test.
With picturefill enabled and debug mode on I still don’t get 2x replacements. Log just shows this:
2015-03-16 15:42:04: 0/0 were replaced.
2015-03-16 15:42:24: * HTML REWRITE FOR PICTUREFILL
2015-03-16 15:42:31: * HTML REWRITE FOR PICTUREFILL
2015-03-16 15:42:33: * HTML REWRITE FOR PICTUREFILL
2015-03-16 15:42:38: * HTML REWRITE FOR PICTUREFILL
2015-03-16 15:42:38: 0/0 were replaced.
for each page load. No errors in the console.
I tried pro and lazysizes, but that didn’t make any difference. (not $5/y for 5 sites is way too cheap, but I don’t like that it sets up a recurring payment).
FWIW here’s what I did:
1) enabled lazysizes, bought pro.
purged everything, reloaded, no 2x images
2) disabled picturefill loading (wasnt’ sure if this needed to be done manually or having lazysizes enabled did that)
purged everything, reloaded, still no 2x images
The only thing I can think of it it doesn’t like that my dashboard being in SSL and the most of the front end being non-SSL. Maybe the WordPress HTTPS plugin is breaking things. The Images are all loaded without a protocol identifier from //domain_com/wp-content/ I tried loading one of the front end SSL member pages, but it still didn’t get an image replacement, so maybe that’s not it.
Went back to Retina.js and 2x is again working fine.
Okay, that’s because my html rewriting part (which is also run for PictureFill) cannot find your images. I feel sorry you did so much testing, actually the “0/0 were replaced.” is really where the problem is.
I need the HTML code you are using in one of your post / page. For some reason this HTML cannot be processed well by the plugin and maybe it should. I will check this.
No worries. I’ll send you some links and code gists via email.
