A few months ago, several members of our team and I attended Drupalcon Denver and among the many things I learned, most of what had the most immediate, practical applicability came from the presentation "Front end performance improvements", which was given by Matt Farina and you can find here. One of the most valuable insights from this presentation was that up to 80% of page rendering time is spent delivering front-end resources (scripts, stylesheets, images, etc) and thus if you are serious about the performance of your sites, you need to be serious about front-end performance. So in the months since this presentation, I have made concerted efforts to get serious about front-end performance and I will now share with you several techniques and tools I have added to my repertoire in the process.
aggregation, Front End, minification, optimization
New gem on the block: Holmes Markup Detective for Compass
April 19th, 2012
by Mark Boyd | Developer
It all started when our project manager Tom forwarded me a link to a cool CSS utility he had come across called the Holmes Markup Detective.
It essentially acts a markup linter and uses CSS to highlight places
where your markup is invaild, non-standard or deprecated and also
includes CSS based messages to tell you specifically what the problems
are. Immediately I recognized two things: one, this was a great tool for
validating your markup with visual cues, and two, it could easily be
ported to SASS. The initial port from CSS to SASS syntax (or SCSS more
specifically) didn't take long, but as my understanding and awareness of
Compass extensions grew, I recognized that was the best way to share it
with everyone else. And finally, as of today, it is done.