title: What techniques can I use to make JS-heavy pages performant on mobile devices?
body: <p>I have a site that involves a large amount of JS code (~100K including jQuery). When I browse similar sites on my phone or tablet, I'm usually disappointed at how sluggish they are. I want my site to perform well on mobile devices (in terms of both <strong>page load time</strong> and <strong>responsiveness</strong>), without developing a separate "mobile-friendly" version of the site or swapping out large portions of code.</p>
  
  <p>Of course, there are countless performance techniques that are applicable to all environments. What I'd like to hear are things I might want to do for performance in a mobile/cellular environment that I would <em>not</em> want to do in a desktop/broadband environment.</p>
  
  <p>Here are a couple of examples of what I'm looking for:</p>
  
  <ul>
  <li>Setting <code>jQuery.fx.off = true</code> to skip animations</li>
  <li>Disabling intensive CSS effects like <code>box-shadow</code>, <code>text-shadow</code>, and <code>border-radius</code></li>
  </ul>
  
  <p>What else?</p>