60fpsのサイトパフォーマンスを目指す - ワザノバ | wazanova
http://calendar.perfplanet.com/2013/the-runtime-performance-checklist/1 comment | 0 pointsGoogle ChromeチームのPaul Lewisが、ページ読み込み後、つまりユーザが閲覧する際の、UIレスポンス、スクロール、アニメーションなどサイトパフォーマンスについてまとめています。 まずは60fpsのパフォーマンスを達成する。よって、16ms以上かかるフレームは全て問題とみなす。 1. Large invalidations of layout and styles エレメントでのクラスの変更やJavaScript/CSS transition/CSS animationで直接エレメントのスタイルを変更すると、ブラウザはレンダリングツリーの一部もしくは全部を無効にしてしまう。最悪のケースでは、ドキュ
Chrome拡張では、Background pages よりも Event pages を使用したほうが良い - よんちゅBlog
これからChrome拡張を作る方には是非知っておいて欲しい機能、Event pages についての話です。 Event pages は、作成したChrome拡張によっては、必ずしも使用できるわけではありませんが、もし可能なら積極的に使用してほしいと思います。 公式ドキュメントでも、Background pages のページ冒頭には、以下の様な注意書きがなされています。 Caution: Consider using event pages instead. Learn more. via: Background Pages - Google Chrome なぜ Event pages なのか 理由を詳しく説明すると、 Background pages を使用している拡張は、Chrome起動時にプロセスが起動され、以降Chromeが終了するまで生き続けます。 よって、例え Backgroun
Chrome Logger - Server side application debugging
About Chrome Logger is a Google Chrome extension for debugging server side applications in the Chrome console. Most languages include their own logging capabilities, but sometimes it is easier to see your logs right in the browser. Chrome Logger used to be known as ChromePHP. If you are feeling generous, you can donate to help support development. Usage Using Chrome Logger is simple: Install the C
Chromeのリモートデバッグ機能がすごい！ - Hacking My Way 〜 itogのhack日記
ここの動画で紹介されているリモートデバッグがかなり強力なツールなので紹介します。 事前準備 開発マシン側にadbというツール＆Android端末のUSBデバッグを有効にする必要があります。 開発してる人なら説明いらないので省略。 リモートデバッグを有効にする Android端末と開発マシンをUSBで接続して、端末が認識されていることを確認して下さい。 開発マシンのターミナルで以下コマンドを打ちます。 $ adb forward tcp:9222 localabstract:chrome_devtools_remote Android端末のChrome for Androidでメニューから 設定→デベロッパーツール→USBウェブでバッグを有効化にチェック 開発マシンのブラウザで下記URLにアクセスします。 localhost:9222 すると、Chrome for Androidのタブで開い
次世代JavaScript「Harmony」、Chrome開発版に登場
Google Chrome runs web pages and applications with lightning speed. GoogleはChromeのDevチャンネルおよびCanaryチャンネルに、次世代JavaScriptの実装を追加したと発表した。次世代JavaScriptは2013年末にはリリースされると見られている。リリースまで、あと2年弱ほどあるが、この新機能がいち早くChromeで試せるようになったことは注目に値する。 今回実装された新機能を試すにはChrome DevチャンネルまたはCanaryチャンネルを起動し、「chrome://flags」から「Experimental JavaScript features」の機能を有効にする必要がある。このため実用的に利用できるものではないが、試験目的で利用するには十分な環境が登場したと言える。 次世代のJavaScr
requestAnimationFrame implementation - The Chromium Projects
Except as otherwise noted, the content of this page is licensed under a Creative Commons Attribution 2.5 license, and examples are licensed under the BSD License. The Chromium OS designs and code are preliminary. Expect them to evolve. This documents our implementation of mozilla's proposed requestAnimationFrame feature. This API allows a web author to call window.(prefix)requestAnimationFrame(ca
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな？ 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden
難読化された読みづらいコードも一発で整形·JSBeautify For Chrome MOONGIFT
JSBeautify For ChromeはWebブラウザ上でJavaScriptを整形して表示するGoogle Chrome拡張。 JSBeautify For ChromeはGoogle Chrome用のフリーウェア（ライセンスはWTFPL）。本格的なWebアプリケーションが普及するにつれて、JavaScriptの利用範囲が拡大している。そんな中ではJavaScriptのファイル自体もサイズが大きくなっている。 Clippyあり版（整形前） そのためJavaScriptを多用するサイトでは余計なスペースや改行を消すなどしてサイズを減らすのが一般的になっている。しかしそれはコードが全て1行で書かれる、とても見づらいものになる。そこでJavaScriptの表示に際して使ってみたいのがJSBeautify For Chromeだ。 JSBeautify For ChromeはGoogle C
ChromeExtensionでクロスドメイン - ワン！ワワン！ニャ〜！
manifest.jsonでpermissionの設定すればクロスドメインできる...!できないらしい。 http://d.hatena.ne.jp/love_firefoxportable/20091214/1260801125 background_page.htmlというファイルを作ってそこで、XMLHttpRequestして、結果を返してあげればできました。 manifest.json(てきとう) { // Required "name": "***", "version": "1.0", // Recommended "description": "description", // needed "background_page": "background.html", // クロスドメイン許可するページ "permissions": [ "http://*/", "http:/
GoogleChromeの拡張を作る上でFirefoxアドオン作者が知っておくべきやればできること « ku
GoogleChromeの拡張を作る上でFirefoxアドオン作者が知っておくべき10の違い【GoogleChromeでニコ動拡張を作ってみた感想】 – love_firefoxportableの日記についてMySpaceのMP3ファイルにID3tagを埋め込みつつダウンロードするJSActionsスクリプトを作ったあたりからFirefoxアドオンの柔軟さに魅了されていろいろ作ってきたけどChromeのUIのブロックしなさが快適でChromeにスイッチしようとしている人間が書きます。 将来にわたってChromeのextensionでFirefox addonのような自由度が実現されるようなことはないと思いますが、それでも今の段階でやればできることもちょっとあります。大半はできないけど。 右クリックはいじれない いじれません。このへんまだ実装自体がやっつけな感じなので将来的にはいじれるように
再度chromeのクロスドメインセキュリティチェック探訪 « ku
前回のchromeのクロスドメインセキュリティチェック探訪では、なんでinspectorからだとクロスドメインのIFRAMEの中が読み出せるのか、というのがけっきょくわかんないままでしたが、理由がわかりました。 src/webkit/port/bindings/v8/v8_proxy.cppの中にクロスドメインチェックを行うV8Proxy::CanAccessPrivateという関数があり、これがinspectorのようなブラウザ組み込みのページのためのprotocolを特別扱いするようになっていました。 // Check if the current execution context can access a target frame. // First it checks same domain policy using the lexical context // // This
Drift Diary12: エンジニアからみたChromeの中身
といっても、この内容は、ソースコードをみてるわけでもなく、リリースされてる情報や、Chromeのアプリを触ってみて、実装を推測してみたもので、あくまでも想像です。あしからず。 という、お約束の前置きをしつつ、まず、エンジンについては、リリースではWebKitベースにv8というJavaScriptのエンジンを搭載してると言われてます。UserAgentをみると UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 ということで、AppleWebKit/525.13ということはSafari3.1ベースのWebKitが採用されてることがわかります。(Safari3.1.1はAppleWe
Big Sky :: 【速報】とりあえずjavascript v8エンジンのベンチマーク結果
scons入れてwin32でビルドしてみたよ。ベンチマークも取ってみた。 環境はWindows XP、P4 3GHz CPU、1G memで。 まずmozillaのjsエンジン(ちょっと昔) JavaScript-C 1.7.0 2007-10-03 (js.exe) Richards: 87 DeltaBlue: 84 Crypto: 44 RayTrace: 78 EarleyBoyer: 87 ---- Score: 74 次にrhino Rhino 1.6 release 7 (win32 nativeビルド版) Richards: 6 DeltaBlue: 5 Crypto: 4 RayTrace: 11 EarleyBoyer: 12 ---- Score: 7 Rhino 1.7 release 7 2008 03 06(java版 js-14.jar) Richards:
Google Chrome の JavaScript エンジン V8 を試す - IT戦記
（基本だらだら進行で、過程を追記していきます） Google Chrome が出ました Google Chrome で JavaScript エンジンが刷新されたということで、その JavaScript エンジン V8 についていろいろ調べてみようと思います。 Issues - v8 - V8 JavaScript Engine - Monorail ビルドしてみる まず、 svn からソースを持ってくる $ svn co http://v8.googlecode.com/svn/trunk/ v8おおお。以外と少ない で、 trunk の中に入って $ cd v8scons でビルド（scons が入ってない人は、 port や apt-get で入れる） $ scons scons: Reading SConscript files ... scons: done reading SC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromium