taranda

Dynamically Add Critical CSS to Your Rails App

Optimizing the delivery of CSS is one way to improve user experience, load speed and SEO of your web app. This involves determining the "critical path CSS" and embeding it into the html of your page. The rest of the CSS for the site is loaded asynchronously so it does not block the rendering of your "above the fold" content. This Gist will show you how to dynamically generate critical path CSS for your Rails app.

In this example we will use the mudbugmedia/critical-path-css gem.

Prerequisites

You will need to set up caching and Active Job in your Rails app. I recommend using a thread-safe background job manager like resque.

afeld

I have a lot of people at Hacker Hours ask about where to look for jobs - here are some places I recommend.

Boards

• AngelList (startups)
• Authentic Jobs
• Craigslist (mostly freelance)
• Digital DUMBO (NYC-specific)
• Github
• Idealist (social good)

steveclarke

Capybara

save_and_open_page

Matchers

have_button(locator)

lucashungaro

• Jim Weirich: The Building Blocks of Modularity – http://goo.gl/g4Nk
• Jim Weirich: SOLID Ruby – http://goo.gl/z3jd
• Sandi Metz: SOLID Object-Oriented Design – http://goo.gl/PDn6T
• Sandi Metz: Less – The Path to Better Design – http://goo.gl/VuTl4
• Demeter is for Encapsulation – http://is.gd/eeyLx
• Opinionated Modular Code – http://is.gd/eeyXm
• Scaling to Hundreds of Millions of Requests – http://vimeo.com/12814529
• Confident Code – http://goo.gl/VFLX
• Destroy All Software Screencasts – https://www.destroyallsoftware.com/screencasts
• Corey Haines: Fast Rails Tests – http://goo.gl/Va2gb

mrrooijen

# Guide
# Configure the essential configurations below and do the following:
# 
#   Repository Creation:
#     cap deploy:repository:create
#     git add .
#     git commit -am "initial commit"
#     git push origin master
# 
#   Initial Deployment: