How to control what content loads on a webpage, dependant on device

I'm building a simple responsive page. The desktop version includes some resource intensive elements. Rather than simply hide these elements on the mobile site, I would like to choose what content to load and not to load dependant on the device. What is the best way to do that?