John Mccutchan, Loreena Lee Automatic garbage collection in JavaScript isn't a substitute for effective memory management, especially in large, long-running web apps. Memory leaks, frequent garbage collection pauses, and overall memory bloat ... 続きを読む
Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するためのさまざまなテクニックを... 続きを読む
米Googleが、Webページの表示高速化を支援するオンラインサービス「PageSpeed Service(PSS)」の利用を促す一環として、モバイルWebページでPSSを使った場合の効果について開発者ブログで紹介している。 PSSはWebページを自動的に書き換えて最適化することによ... 続きを読む
Thursday, April 18, 2013 | 11:04 AM PageSpeed Service makes mobile sites faster By Ram Ramani, Engineering Manager PageSpeed Service (PSS) is an online service to speed up the rendering of your web pages by rewriting and serving them through ... 続きを読む
Stopwatch | By wwarby Flickr! こんにちわ、あなたのt32k、ごきげんいかがでしょう。みなさんはスマホWebアプリ作っていて、自分の作ったものは速いのか遅いのか気になりませんかね?僕は木に泣くりまくすてぃです。 そうゆうわけなもんで、表示速度とか計測し... 続きを読む
http://www.meetup.com/SF-Web-Performance-Group/events/112609542/ Analyzing the performance of large-scale JavaScript applications requires a distinct set of tools. It is no longer enough to run various benchmarks by creating loops and measuri... 続きを読む
またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を... 続きを読む
Increasingly, whether it’s on desktop or mobile, users want their web experience to be snappy and delightful. This means that even if the browser is busy rendering the page or loading in content, the user should still be able to scroll aroun... 続きを読む
Supported browsers: Opera supported Internet Explorer supported Safari supported Firefox supported Chrome supported Your browser may not support all of the functionality in this article. Your browser appears to support all of the functionalit... 続きを読む
Supported browsers: Opera unsupported IE unsupported Safari unsupported Firefox unsupported Chrome supported Your browser may not support all of the functionality in this article. Your browser appears to support all of the functionality in th... 続きを読む
In modern days we have two primary options for moving an element across the screen: using CSS 2D transforms and translate() using position:absolute and top/left Chris Coyier just got asked why you should use translate. Go read his response wh... 続きを読む
Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に... 続きを読む
The most important factor in web application design is responsiveness. And the first step toward responsiveness is speed. But speed within a web application is complicated. Our strategy for keeping GitHub fast begins with powerful internal to... 続きを読む
A talk on some problems solved related to CSS Performance at GitHub. The talk was given at CSS Dev Conference in Honolulu, HI 2012 続きを読む
Fluidity and responsivness are key points for you Javascript application. You may be in trouble to identify bottlenecks and measure performance at specific times, for example when the user click on a button, or send some ajax calls, or doing ... 続きを読む
Writing Fast, Memory-Efficient JavaScript | Smashing Coding JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about memory usa... 続きを読む
JSX個人的にとても便利だと思っているけどあまり注目されていない JSX の機能にプロファイラがあります。Using the Profiler - JSXUsing the Profiler · jsx/JSX Wiki PC ブラウザであれば今時のブラウザはプロファイラがあるので、使うことはあまりないかもし... 続きを読む
[このドキュメントは暫定版であり、変更されることがあります。] JavaScript コードの記述方法はアプリのパフォーマンスに大きな影響を与えます。一般的な間違いを回避し、高パフォーマンスなアプリを構築する方法について説明します。 不要な DOM 操作を回避す... 続きを読む
Supported browsers: Opera supported IE supported Safari supported Firefox supported Chrome supported Your browser may not support all of the functionality in this article. Your browser appears to support all of the functionality in this artic... 続きを読む