feo

Automatically optimize front-end.

npm install feo
64 downloads in the last week
128 downloads in the last month

Automatically optimize the web page faster!!

Supports

Now, Windows and Ubuntu not supported because of node-iconv cant install on these OS.

Optimize principle

Manual optimizing front end is very sucks. I want to simplify that. only one command.

  • Concat and minify script and css files on the page
  • Encode image files to base64 on the page( Off course! You need set Content-Encoding:gzip )
  • Minify html

Install

npm install -g feo

Simple to use

1.Prepare feo.json

{
    "url":"examples/src",
    "dist" : "examples/dist",
    "js" : {
        "compressor" : "yui-js",
        "ignore":[
          "ignore.js"
        ],
        "inline":false,
        "root" : "examples/src"
    },
    "css" : {
        "compressor" : "yui-css",
        "ignore":[
          "ignore.css"
        ],
        "inline":true,
        "root" : "examples/src"
    },
    "backgroundImage" : {
        "base64" : true,
    },
    "image" : {
        "base64" : true,
        "root" : "examples/src"
    }
}

2.Execute feo. Feo generates html, js and css files to dist directory.

feo

Why output script, css files name contains hash?

  • You can set long expire time of contents.

Next

  • For the page which is not UTF-8 encoding
  • Resolve CSS Import
  • Contents Lazy load

Dependencies with amazing library

Awesome article

npm loves you