How to prevent loading content in mobile device

Question

I am working on developing Responsive Web application and I wish to load all the content on my desktop site but I want to prevent the HTTP request to send when users access web applications from mobile devices to I can improve my website performance.

 

If I use style=" display: none;" or style=" visibility: hidden;" this will not display the content but it loads on my website so it will not improve my web site performance.

 

So I want a solution that HTTP request must not send which I don't want to display the content on my mobile device website view.