At the begining, a responsive website was build around media queries.
Then it was media queries and a fluid grid.
Then it was media queries and a fluid grid and mobile first.
Now it's media queries and a fluid grid and mobile first and built around the content.
Tomorrow what ?
Meanwhile, responsive websites are as crappy as non responsive one, but 2x heavier because of the crazy CSS and all the async js.
If you can't detect the internet speed of your user, you can't make responsive websites, period. That's why the only good responsive websites are the text-content-only websites.
Sure the generally accepted 'right way' is constantly evolving, but progress is a always a good thing.
I'm not sure about your other points, I see no reason why a responsive site should be 2x heaver in file size than its non-responsive equivalent, after all it's only a few more bytes of CSS. The increase you're seeing is probably more to do with large JS libraries and in the case of the linked article, many large images.
Then it was media queries and a fluid grid.
Then it was media queries and a fluid grid and mobile first.
Now it's media queries and a fluid grid and mobile first and built around the content.
Tomorrow what ?
Meanwhile, responsive websites are as crappy as non responsive one, but 2x heavier because of the crazy CSS and all the async js.
If you can't detect the internet speed of your user, you can't make responsive websites, period. That's why the only good responsive websites are the text-content-only websites.
Come on, the linked post is nearly 2mb...