2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたw High Performance Web Design 1. What... 続きを読む
AutoPagerize先に結論を言うと、AutoPagerizeは拡張版がオススメです。以下その理由と余談的なお話です。AutoPagerizeってのは、次のページを今見ているページの下に継ぎ足して、ページ遷移することなく次のページを見ることができる、ブラウザの機能を拡張する... 続きを読む
Webのインフラ担当者で本棚にこれがなかったらとりあえず買っとけ的なパフォーマンス・チューニングのための本を思いつく限り挙げてみるテスト。刊行順。 実践ハイパフォーマンスMySQL 作者: ジェレミ・D.ザウドニ, デレク・J.ベリング, Jeremy D. Zawodny, Der... 続きを読む
レベル: 中級Michael Abernethy, Product Development Manager, Optimal Auctions 2009年 6月 16日jQuery は素晴らしい JavaScript ライブラリーですが、そのパフォーマンスについてはどうでしょう。Web ページに余分な負荷がかかったとしても、その使い易さを... 続きを読む
Googleの成功の最大の理由の一つがスピードだ。検索は通常、一瞬で結果が出る。そのほかのサービスも、速いものが多い(Gmailだけは例外だが)。このスピードをもたらしている要素の一つが、同社の徹底的に簡素化された設計と大規模なサーバファームだが、ペー... 続きを読む
Performance just got a little bit easier. Optimizing images by hand is time consuming and painful. Smush it does it for you. Image optimization is an art that not many people master. There are many good image editing tools that allow us to ge... 続きを読む
Image optimization is an art few have mastered. Useful image editing tools exist that allow images to be edited to reduce their file size while retaining image quality. Using these tools is a good start for optimizing images, but more can be ... 続きを読む
こんにちは、Yahoo!ニュースのデザイナーの黒田・由衛です。 Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。 お客様がウェブ... 続きを読む
yahoo tech blog祭りに便乗してあんまりyahoo tech blogとは関係ないんだけどひとつ書くよ!時間が掛かりすぎるので100回にしました。それでもEの例では4秒も掛かっています。JavaScript の不思議な面白さ - 第四回 (Yahoo! JAPAN Tech Blog)こういう1000回測... 続きを読む
前回の「第三回」ではよくある手法でプログラムの分離を試してみました。 そろそろこの連載も折り返し地点となります。 実はこの記事は、最初、小さな課題を与えられたプログラマが正攻法で突撃するもうまくいかず、策をろうしてやっと勝利、その知識を広めよう... 続きを読む
Even Faster Websites: Essential Knowledge for Frontend Engineers 著者/訳者: Steve Souders 出版社: Oreilly & Associates Inc( 2009-06 ) 定価: ¥ 3,531 「さらに速いウェブサイト」 2009年6月発売予定だとか。 プレゼンで話し、それをまとめていって本に... 続きを読む
画像周りの速度メモ 12:26 | キャッシュにのってたり、ネットワーク転送速度を無視できる画像の使い回しは data スキームより、http な URI のほうが 1.2倍( Firefox 3.0.7, Safari 3.2.1 )ほど速い。Opera はもうちょっと速い。String の読み込みと base64 の... 続きを読む
レベル: 中級Marco Kotrotsos, Founder and developer, Incredicorp 2009年 01月 27日皆さんは Web ページのロードをもっと高速にしたいと思いませんか。ロード時間を短縮すること (場合によっては 80 パーセントも短縮) で、ダイヤルアップ・ユーザーにとって... 続きを読む
2009-02-18 MySQLを高速化する10の方法 ちょっとキャッチ−なタイトルをつけてしまったが、今日は独断と偏見でMySQLを高速化する方法を10個紹介しよう。MySQLサーバをチューニングするときや初期導入する場合などに参考にしてもらいたい。 1. バッファを増やす... 続きを読む
ウェブサイトを高速化するにあたり、そのフロントエンド処理に着目し、処理効率の向上に役立てることのできるティップスやツールを紹介する。 そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。... 続きを読む
このブログも、表示速度が遅すぎる!などといったご指摘をいただくことが良くあります・・・。 訪問者の方々にはなるべくイライラさせないように、なるべく速くサイトを表示したいのですが。 というわけで、本日は、サイトをもっと速くしたいと思ったときに、サイ... 続きを読む
javascript, ieIEBlog:IEBlog : IE + JavaScript Performance Recommendations - Part 1IEBlogをがんばって読んだのでメモ。内容的には既出のものが多いのであまり参考にならないかも。この記事は以下3つパートで構成されるシンボルの検索のパフォーマンスに... 続きを読む
JavaScript, performance | 20:32 | # タイトル修正しました。String.match ばかりで、RegExp.exec を使ったことがありませんでした。ちょっと気になったので色々とベンチマークを取ってみました。TEST TIMES IE6 Fx3.0 Fx3.1 (JIT)Safari3 Chrome1 (JIT)A. mat... 続きを読む
先の投稿からずいぶん時間が経ってしまったが続編「その2」を書いてみる。 まず、問題となったものがどんなアプリかであるが、これは下図のように、スプレッドシートのような動作をするJavaScriptアプリで、サーバから必要なデータを初期表示の際にいっぺんに... 続きを読む
JavaScript | 11:36 | 今日は、http://d.hatena.ne.jp/amachang/20071010/1192012056 の内容を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。# 記事自体はずいぶん前に書き上げてたけど、公開する... 続きを読む
YUI Theater — Douglas Crockford: "Ajax Performance" December 23, 2008 at 8:07 am by Eric Miraglia | In Development, Performance, YUI Theater | Douglas Crockford returns to YUI Theater with another chapter in his evolving lecture series. This... 続きを読む
My Stanford class, CS193H High Performance Web Sites, ended last week. The last lecture was called “State of Performance”. This was my review of what happened in 2008 with regard to web performance, and my predictions and hopes for what we... 続きを読む
memo, はてなはてなブックマークのチューニングが流行っています。はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに…http://d.hatena.ne.jp/amachang/2... 続きを読む
アヨハタのハードコアブログ前に、仕事で色んな国内外のサイトでYSlow試してみたけど、たしかに重いサイトにはそれなりのランク(Fとか)出るんですよね。 ただ、Y!(米)はA出てるんですけど、Y!(日)はCなんですよね。正直、Y!(日)でもCかよ!!!じゃあ、日本国... 続きを読む
Reply to はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記 「重い箇所2:HatenaStar.js 1738 行目」で取り上げられていた Hatena.Star.Button.reateButton ですが、Flyweight パターンのアイデアと Element.cloneNode() を利用したところ... 続きを読む
YShow はあまり信じられない 11:37 | http://d.hatena.ne.jp/HolyGrail/20081126/1227728194 ご指摘ありがとうございます。参考にさせていただきます。 Gzip したほうが良いはその通りなのですが、指摘して貰ってるファイルサイズなのですが [0]>_<X curl -I ht... 続きを読む
id:HolyGrail (堀愚霊瑠氏) の「はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - id:HolyGrailとid:HoryGrailの区別がつかない日記」とか見てて、色々問題点が指摘されてて、うん、まぁそうだねーとか色々と思いつつ、YSlo... 続きを読む
performanceJavaScriptの部分は はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか何が重いの?ということで重たい箇所を分析していきましょう... 続きを読む
hatena, javascript はじめに「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで調査してみたいと思います。調査して、改善できそうなと... 続きを読む
Please note: Smush.it now keeps all the metadata in the JPEG images. Performance just got a little bit easier. Optimizing images by hand is time consuming and painful. Smush it does it for you. Image optimization is an art that not many peopl... 続きを読む