Мобильная и десктопная верстка, как не грузить лишнее?

Dp76: И еще помните, что величины определенная разными способами могут оказаться разными. Хороший описано тут ryanve.com/lab/dimensions

Мобильная и десктопная верстка, как не грузить лишнее?

Dp76: По своему опыту скажу, что лучше ориентироваться по ширине браузера. Ориентироваться на устройство, сами понимаете, нецелесообразно при их обилии. А на Usear-Agent тем более - он вообще может никакой информации о размерах окна браузера не нести.

Ширину можно определить любым удобным Вам методом:
var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
или
$( window ).width();
$( document ).width();

Затем обработать её и передать в ajax запросе. В зависимости от параметров запроса выдать соответствующую версию блока.