Follow the slides at http://goo.gl/U2vuT Performance optimization... what's that? Today, we're going to talk about Raw JavaScript Execution Performance with now ... Made in Germany Who cares about performance? You should. JavaScript Performance Matters
SEOmoz 2012.4.29のエントリ Perfecting On-Page Optimization for Ecommerce Websites | SEOmoz ページ単位で行うSEO対策やコンバージョンUPのためのチェックリストの決定版は2009年に書かれてる、けど3年たったので最新版を作った、ただしECサイトに話絞って、という主旨のエントリ。 アドバイスのよくあるパターンは、「SEO効果は少々、でもCVRアップは期待大」、「だからやっとけ」 派生パターンとして「SEO効果少々、でもUX向上」「だからCVRアップ有望」、「だからやっとけ」 翻訳あり。ただし不正確＆ノイズ多い SEO的に見た、ECサイトで「あなたが取り組むべき１５のページ要素」2012年版 - webマーケティング入門 論旨が掴めない（原文読んだきっかけ） 原文は定点観測としてinformativeなエントリだっ
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. smaug The right link to the spec is http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#mutation-observers Also, the API will be un-prefix very soon. We want to
There used to be a time when images that were resized would retain their sharp edges, but several years ago web browsers began implementing image smoothing. I’ve always enjoyed being able to look more closely at the details in drawings online, but the experience is hampered when the pixels are blurred. I’ve been looking for a way to eliminate this blurring effect that now commonly occurs when one
松信さんが作った Replication Booster for MySQL をデータサイズが大きいデータベースに対して使ってみました。 Yoshinori Matsunobu’s blog: Making slave pre-fetching work better with SSD github - yoshinorim/replication-booster-for-mysql Replication Booster for MySQL をものすごく簡単に説明すると、以下のようになるでしょうか。 MySQL でレプリケーションを設定した場合、マスターのバイナリログをIOスレッドが読み取り、relay-logへ記録します。そしてSQLスレッドがrelay-logから読み取ってテーブルを更新して行きます。Replication Booster を実行するとrelay-logを読み取り、更
maatkitを一通り使ってみたメモ - ククラフト で紹介したMaatkitのMySQLのクエリ統計ツールmk-query-digest． mk-query-digest /var/lib/mysql/db.slow.logという風にして，MySQLのスローログを食べて # Query 73: 0.00 QPS, 0.00x concurrency, ID 0x2256C8F4C0666085 at byte 322977024 # This item is included in the report because it matches --outliers. # pct total min max avg 95% stddev median # Count 0 10 # Exec time 0 20s 2s 2s 2s 2s 0 2s # Lock time 0 0 0 0 0 0
Adobe Flash Platform ヘルプの PDF の表示 ( 3.8M B) Adobe Flash Platform アドビ システムズ社のリファレンス モバイル 一般的なリソース ActionScript テクノロジーセンター はじめに／チュートリアル ActionScript Cookbooks 関連製品 Flash Builder ユーザーガイド Using Flex Adobe AIR ヘルプコマンド / F1 デフォルトページの変更 すべての Adobe CS4 製品のヘルプコマンドを変更するには、以下のオプションのいずれかを選択します。 コミュニティヘルプ (すべての adobe.com ヘルプとサポート、さらに厳選されたコミュニティエキスパートのコンテンツ) Web 上のヘルプ (製品のヘルプシステムのみ)
Hash::Compactという、HashRefのkey/valueを、keyのエイリアスやデフォルトのvalueをサポートすることでコンパクトに表現できるモジュールがあります。ドキュメントにはCache::Memcached::Fastでの利用例が示されているのですが、今回はそれをDBで使う例を紹介します。必ずしもORMが必要なわけではないのですが、説明の簡単のために、Tengを使います。 テーブル structカラムに、JSONでシリアライズしたHashRefを格納する、以下のようなテーブルがあったとします。 CREATE TABLE `data` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `struct` blob, PRIMARY KEY (`id`) ); Tengでのスキーマ定義 今回はTengを使うので、以下のようなスキ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
こちらのブログで紹介されていた最適化方法をテストしてみました。 HTML5/JavaScript platform game optimised for iPad | Seb Lee-Delisle http://sebleedelisle.com/2011/04/html5javascript-platform-game-optimised-for-ipad/ 最適化の方法はHTMLのエレメントに -webkit-transform:translateZ(0px) を設定するというもの。こうするとGPUで処理が行われる為、フレームレートが倍になったとの事です。 スタイルを以下の様に設定したものと、設定していないものを準備しました。 * { -webkit-transform:translateZ(0px); } プログラムはバナナの画像を100個描画して右上から左下にスクロールさせていま
本日大江戸*1で行われた大江戸Ruby会議01で、高速なテストサイクルを回すにはという内容で発表してきました。 大江戸Ruby会議01 高速なテストサイクルを回すには View more presentations from hotchpotch テストを速くするには二パターンあり、一つは単体実行時の速度・フィードバックの高速化、もう一つはすべてのテスト実行時の高速化があると思っていて、それらについての話です。ぎゅっとまとめると、前半の単体実行時の速度・フィードバック高速化には spork / prefetch-rspec / autotest / watchr を使おうという話と、後半は REE / parallel_tests による高速化・並列実行、remote spec によるリモートマシンでの分散テストについての話です。 特にオレオレプロジェクトの prefetch-rspec
Reflows & Repaints: CSS Performance making your JavaScript slow? I’ve been tweeting and posting to delicious about reflows and repaints, but hadn’t mentioned either in a talk or blog post yet. I first started thinking about reflows and repaints after a firey exchange with Mr. Glazman at ParisWeb. I may be stubborn, but I did actually listen to his arguments. 🙂 Stoyan and I began discussing wa
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Posted at 2010/10/22 01:59, Modified at 2010/10/22 03:42 Facebook のフロントエンドは結構かわったことをやっていて、例えば、ログイン後の http://www.facebook.com/home.php には <div id="pagelet_home_stream"></div> みたいな空の HTML があり、その後に <script>big_pipe.onPageletArrive({ … });</script> <script>big_pipe.onPageletArrive({ … });</script> ... と script 要素が何個もならんでいる。 BigPipe: Pipelining web pages for high performance この仕組みは (変数名のとおり) BigPipe と呼
You probably know by now that JavaScript is getting a lot of upgrades at the moment. One of the upgrades that WebGL is bringing along for the ride is JavaScript Typed Arrays. A JavaScript Typed Array is very quick! It exists as a fixed block of memory that can be accessed with JavaScript, where as a regular JS Array is inherently very slow, being a hash lookup. There are a few different kinds of J
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
動画変換ソフト｢HandBrake｣を使って、iPadに最適化した動画を作る方法2010.06.01 22:0014,011 iPadのサイズに、ジャストサイズの動画ですよ。 iPadの動画サイズって、1024×768なので、DVD（720×480）よりも大きなサイズの動画再生が可能。つまり、より高画質な動画の再生が可能になっています。 でも問題なのが、動画のエンコード。 魅力なiPadでの動画再生だけど、今のところiPadに最適化された動画の書き出しに対応しているソフトが少ないんです。ということで今回はメジャーな動画変換ソフト｢HandBrake｣を使って、HD動画をiPadに最適化した動画に変換する方法を伝授したいと思います！ （以下筆者ブログTek-Safari.comより転載） ●iPadの画面サイズ XGA 1024×768ピクセルとなっています。 繰り返しになりますが、DVDが
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く