タグ

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

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとcssとperformance_tuningに関するnilabのブックマーク (3)

  • Improving the performance of your HTML5 App  |  Articles  |  web.dev

    Introduction HTML5 gives us great tools to enhance the visual appearance of web applications. This is especially true in the realm of animations. However, with this new power also come new challenges. Actually these challenges aren't really that new and it might sometimes make sense to ask your friendly desk neighbor, the Flash programmer, how she has overcome similar things in the past. Anyway, w

    Improving the performance of your HTML5 App  |  Articles  |  web.dev
    nilab
    nilab 2014/05/30
    HTML5 Rocks - Improving the Performance of your HTML5 App
  • 描画とかGPUアクセラレーションの怪 (モバイル編)

    何かと不透明なあたり 気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。 今回は、GPUを効かせる == それに関連するプロパティ(ただしOSやバージョンによって何がトリガかは厳密に異なる)を適用したら挙動が改善した、というようなノリの体験TIPSをゆるくまとめました。 このあたりの振る舞いについては、描画パフォーマンスの問題として、それなりに明らかになってきているように思います。WebKitのレンダリングプロセスにはじまり、GPU命令のサポートが受けられるのはどんな操作だとか、GPUへ処理が預けられるレイヤーの生成がどーとか、最近よく見聞きします。 自分が業務で扱っているスマートフォン向けのWebサービスでは、このような描画パフォーマンスの問題は、スクロールパフォーマンスと合わせて非常にクリティカルです。この辺りについてのロジカルなまとめは、某氏が近日中にまとめるらし

    描画とかGPUアクセラレーションの怪 (モバイル編)
    nilab
    nilab 2014/05/30
    描画とかGPUアクセラレーションの怪 (モバイル編) ::ハブろぐ : -webkit-backface-visibility: hiddenなどでComposition Layerを強制的に生成させて、GPUに描画処理を送りこむ
  • rochas.cc

    rochas.cc 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    rochas.cc
    nilab
    nilab 2014/05/30
    Chrome Developer Teamから学ぶサイトパフォーマンス - ROCHAS : LayoutやPaintの多発はパフォーマンスにダメージ : GPUレンダリングを使ってCPUメモリを解放 : TranslateZ Hack
  • 1