title: How to conditionally load content (mobile-first)
body: <p>I am about to create my first 'mobile-first' website and am unsure on the best way to conditionally load content as the viewport increases.</p>
  
  <p>For example, lets say I wish to load a twitter feed only for desktop browsers, not mobile, how would I do this?</p>
  
  <p>Option 1) Display: none - This is bad as content still loads for mobile</p>
  
  <p>Option 2) Have content in markup, but remove.element with javascript - I believe this content still loads first, then is removed after? If so, not good.</p>
  
  <p>Option 3) Using javascript, if viewport is wide enough, load content - This seems to be the recommended approach, from what i've read, but Is it a good idea to have markup in javascript? I am thinking about accessibility, semantics and seo.</p>
  
  <p>Are there any other better solutions?</p>
  
  <p>Any advice would be greatly appreciated.</p>