critical-path-angular-demo, above 使用关键的Gulp & Angular 生成折叠CSS生成+ 内联

分享于 

1分钟阅读

GitHub

  繁體 雙語
Above-the-fold CSS generation + inlining using Critical, Gulp & Angular
  • 源代码名称:critical-path-angular-demo
  • 源代码网址:http://www.github.com/addyosmani/critical-path-angular-demo
  • critical-path-angular-demo源代码文档
  • critical-path-angular-demo源代码下载
  • Git URL:
    git://www.github.com/addyosmani/critical-path-angular-demo.git
    Git Clone代码到本地:
    git clone http://www.github.com/addyosmani/critical-path-angular-demo
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/addyosmani/critical-path-angular-demo
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    使用AngularJS的关键路径演示

    Above-the-fold CSS生成+ 内联使用关键 & Gulp

    比较正常的输出与关键路径CSS优化的版本版本。

    PageSpeed以前的结果:

    之后:

    安装

    $ cd critical-path-angular-demo
    $ npm install && bower install

    用法

    你有两种选择:

    正常生成:

    gulp

    构建包括关键路径CSS提取&内联:

    gulp critical

    任何选项都将输出写入 dist 目录。


    angular  FOLD  GULP  Inlining  
    相关文章