icon sc-linkedin logo of codepen-icon logo of github-icon youtube play button

notes by Adam Sullovey

web & mobile application developer
practicing in Toronto, ON

Bookmarklets & ImageMagick @ Toronto Web Performance Meetup

EventMobi hosted us.

A Performance Bookmarklet by @micmro

slides and code

Check these out:

other neat bits

  • there are browser APIs for getting timing info about page loads
  • there is a http header for getting timing info in cross-domain requests
  • opening Chrome Dev tools can impact performance testing – for example slower load times due to downloading source maps
  • image caching images probably impacts results that these bookmarklets report, so be aware of whether caching is happening or not when looking at results

How to use ImageMagick by @newtron

slides

  • using responsive images well means generating lots of different sized images source art
  • ImageMagick is a command line tool available on many web servers that can help with resizing images, but it is horrible at optimizing images out of the box
  • Dave spent a ton of time testing out different compression & optimization settings to find the best balance
  • Dave integrated his findings into grunt-respimg, a Grunt task you can integrate in your build system

Check out this Meetup →

comments powered by Disqus