[B! JavaScript][CSS3][performance] beth321のブックマーク

beth321 id:beth321

JavaScriptとCSS3とperformanceに関するbeth321のブックマーク (3)

Home
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
beth321 2014/08/29
css

performance

javascript

jquery

library

css

CSS3

CSSセレクタ

framework

Sizzle
リンク
Webパフォーマンスにおけるイニシャライズとランタイム
Webフロントエンド・パフォーマンス思考整理系。 Webフロントエンドにおける3要素として、過去のセッションでは下記の3つを中心に紹介していました。通信コスト - Networking 描画コスト - Rendering 計算コスト - Computing これらの問題は複雑に絡み合い、時として相反する関係をとります。例えば、通信コストを減らすために、視覚表現を画像からCSS3に置き換えたら、描画コストが高くなってしまいスクロールが重くなった、なんてケースは頻繁にあるでしょう。理解の問題この3つのコストは確かにパフォーマンスに影響を与える要因であります。しかし、その要因がWebフロントエンドのページライフサイクルにおいて、どこで影響を与えているかは表してくれません。要因がどのような影響を及ぼしうるかという基礎的な理解と、パフォーマンスの問題に取り組むための切り口としての理解は、そ
beth321 2014/04/29
performance

programming

パフォーマンス

frontend

css3

web

*とりま

javascript

performancing

tuning, +tutorial
リンク
Webアニメーションを高速化するために知っておくべき10のこと（後編）
Webアニメーションを高速化するために知っておくべき10のこと（後編）斉藤祐也（株式会社リッチメディア）前編から引き続き、後編でも最適化のために知っておきたいレンダリングプロセス、計測方法、そして最適化を妨げるよくあるアクシデントとその回避方法について紹介していきます。アニメーションを高速化するために知っておきたいレンダリングプロセスブラウザがどのようにウェブサイトを表示しているのかを知ることは、アニメーションだけに限らず、Webのパフォーマンス全体の高速化を行うために大切なステップです。イスラエルの開発者であるTali Garsiel氏が公開した『How Browsers Work』は、HTML5 Rocksに転載され、複数の日本語訳も提供されている、ブラウザの内部動作を学ぶために読んでおきたいリソースの1つです。そのリソースを参考に、レンダリングエンジンのメインフローにつ
beth321 2013/09/27
HTML5

css3

css

html

animation

高速化

アニメーション

javascript

performance

パフォーマンス
リンク
1