タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

javascriptとgruntに関するlabduckのブックマーク (5)

  • Gruntとgulp.jsでサイトパフォーマンスを向上させる - ワザノバ | wazanova

    @yosuke_furukawaさんがtweetしていたサイトパフォーマンスに関連する Gruntとgulp.js のタスク一覧です。確かによいまとめなので、メモしておきます。 GruntとGulpには、画像の最適化、HTML/CSS/JavaScriptファイルの結合 & 圧縮をするタスクがあるので、まずそちらをベースラインとして利用されたし。 1) 画像ファイルの圧縮 & 最適化 webページは平均1.5MBで画像ファイルが多くを占める。モバイルで160KBの画像ファイルを追加すると直帰率が12%悪化すえるというEtsyのデータがあり。 Grunt grunt-contrib-imagemin grunt-imageoptim (OSXのみ) 二つのタスクのどちらを選ぶかは、こちらの比較表 で確認してください。 Gulp gulp-imagemin 3/4/2014時点ではImage

  • Gruntのtaskの実行にかかる時間を劇的に短縮する方法 - Qiita

    最近ではGrunt無しでのフロントエンド開発は考えられなくなってきた気がしますが、大抵taskを実行した際に結構時間がかかってしまいます。 Gruntの実行にかかる時間を減らすにはどうすれば良いのか調べてみたら、loadTasks as they are needed to speed up Grunt load time · Issue #975 · gruntjs/gruntのissueに方法がありました。 何に時間がかかっているか taskを走らせた際、何で時間がかかっているのかをtime-gruntで確認してみると、実行しているtask自体ではなくnpmタスク(適切な表現かは分かりませんがGruntプラグインの事です。)の読み込みの方に時間がかかっている事が分かります。 loadNpmTasks()で2秒はかかっている状態 npmタスクの読み込みに何故時間がかかるかというと、Gru

    Gruntのtaskの実行にかかる時間を劇的に短縮する方法 - Qiita
  • 捗るかもしれないフロントエンド開発環境

    LiveReload connect + proxy + easymock testem mocha + expect + sinon assemble、foreman.... などを試してみた話です

    捗るかもしれないフロントエンド開発環境
    labduck
    labduck 2013/10/22
    easymockありがたい
  • grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった

    最近、Grunt と grunt-contrib-watch を使っているのだけど、grunt-contrib-watch が CPU を消費しがちである。 watch 対象のファイルが少ないうちは grunt-contrib-watch は問題なく動くんだけども、ファイル数が増えてくると CPU の消費量が増えてくる。自分の環境では、1,000 個ぐらいのファイルを監視していると、常時 10% 程度 CPU を消費している。 この問題は既知であり、FAQ には次のように書いている。 たくさんのファイルを監視している場合、デフォルトの interval の値が小さすぎるかもしれない。options: { interval: 5007 } のようにして増やしてみてほしい。詳しくは issues #35 と #145 を参照のこと (※日語訳は私によるもの) Another reason i

    grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった
  • Grunt ver0.5に向けてのロードマップ | 1000ch.net

    2013/03/07 Grunt ver0.5に向けてのロードマップ Roadmap - gruntjs/grunt/wiki 先日Grunt0.4がstableになりましたが、早速0.5に向けてのロードマップが発表されていますね。 意識してないけど、アップデートの追っかけブログみたいになっているな…。 Pythonのハンズオンも消化したので後日書こうと思っています。 ロードマップもちょくちょく変わるとは思いますが、軽めになぞってみる。 タスクは全てイベントとして実行される(ようになる) 複数タスク間のデータを繋ぎ合わせて使うことが出来らしい。 CoffeeScriptのコンパイル結果をそのままUglifyでMinifyしたり。 こんなイメージらしい。 // load a set of tasks to be run in parallel grunt.registerTas

  • 1