DailyJS

RWDPerf, respimage

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

libraries mobile modules responsive

RWDPerf, respimage

Posted by Alex R. Young on .
Featured

libraries mobile modules responsive

RWDPerf, respimage

Posted by Alex R. Young on .

RWDPerf

RWDPerf report

RWDPerf (GitHub: lafikl / RWDPerf, License: MIT, npm: rwdperf) by Khalid Lafi is a tool for analysing responsive pages. It calculates the page weight, so you can see what the download bloat is like.

It works using Chrome's remote debugging API, so it should be more accurate than a DOM simulation. It accepts arguments on the command-line for configuring things like device scale factor, width, height, and user agent.

It also has an API, which is ideal for dropping it into a build script.

respimage

If RWDPerf indicates that your page has a lot of unused images, then you might want a better responsive image replacement library. Respimage (GitHub: aFarkas / respimage, License: MIT) by Alexander Farkas is a responsive image polyfill for picture and srcset.

Respimage works using the picture element or the srcset image attribute. The srcset implementation supports descriptors for width and density.

There's also a JavaScript API, so you can also support dynamically generated content.