Provides a helper to inline JS/CSS in Middleman for performance.
Ruby
Switch branches/tags
Nothing to show
Clone or download
Latest commit 3c7ffd8 Jun 22, 2014
Permalink
Failed to load latest commit information.
lib
.gitignore initial Jun 22, 2014
Gemfile
Gemfile.lock
LICENSE Initial commit Jun 22, 2014
README.md
middleman-inliner.gemspec README Jun 22, 2014

README.md

Gem Version

middleman-inliner

Provides helper to Inline JS/CSS in Middleman for performance.

= stylesheet_inline_tag "normalize", "all"
= javascript_inline_tag "all"

// Then all JS/CSS will be compressed and inlined.

Install

  • gem 'middleman-inliner' then bundle

  • In your config.rb, put following

activate :inliner
  • Replace your stylesheet_link_tag and javascript_include_tag to stylesheet_inline_tag and inline_javascript_inline_tag

To Speed your website

Following preference are recommended.

activate :inliner
configure :build do
  activate :minify_css
  activate :minify_javascript
  activate :gzip
  activate :minify_html
  activate :imageoptim
end
gem 'middleman-inliner'
gem 'middleman-minify_html'
gem 'middleman-imageoptim'

Deploy it to S3 and distribute with CloudFront is the fastest (and easiest).

See https://github.com/fredjean/middleman-s3_sync

I will write

  • middleman-image-inliner
  • middleman-image-lazyloader
  • middleman-asyncload to load JS/CSS async in one line.