タグ

ブックマーク / tokkono.cute.coocan.jp (2)

  • Safari5の環境変数でレンダリングの様子を可視化する裏技 | ゆっくりと…

    ブラウザにとって、半透明をブレンドして表示するのは負荷が高いものです。特に、iPhone などのモバイル端末向けのコンテンツは、出来るだけページを軽くしておきたいものです。ページ中でこのような負荷の高いレンダリングが必要な箇所を色分けで表示してくれる便利な (!?) オプションが Safari5 にはあります。 上の図は、このオプションを指定して、アップルのスタート・ページ を表示させたときの様子です。transparent や iframe の allowtransparency が使われている箇所が赤く表示されています。 MacOS には Core Animation という、1種の アニメーション・フレームワーク が使われていて、こいつにデバッグ用のフラグを設定してやると、レンダリングの様子が色分けされたり、レンダリング・ツリーの情報がコンソールにダンプされたりするというものです。

  • 新参の超軽量JavaScript非同期ローダー3種を徹底比較 | ゆっくりと…

    JavaScriptの読み込み・実行は、それより下にある画像など外部リソースの読み込みと表示をブロックするため、「ページ読み込み時間を短縮するJavaScriptローダー:LABjs」 や 「CSS/JavaScriptのAsynchronous Loadingをめぐる熱い論議」 で紹介したように、多数の JavaScript ローダーが開発されてきました。 これらのローダーは、「非同期スニペットのスタート ガイド – Google Analytics」 に代表される、script 要素を直接 DOM に挿入する方法が主流となっています。またそのタイプは、単一のスクリプト・ファイルを対象とした小規模なものと、Head JS、LABjs、ControlJS などに代表される、複数ファイルの依存関係をハンドリングする機能をもつものに大別されるかと思います。 後者のタイプは最小でも3KBytes

  • 1