はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
MySQL (InnoDB) における行のサイズと速度の関係について - kazuhoのメモ置き場
集約演算を行うケースでは、行のサイズを小さく保つことはとても重要。アクセス頻度が低いコラムは別テーブルに追い出すとかしたほうがいいくらい。 一方、集約演算を行わないケース (単一行の insert, update 等を含む) の場合は、(クライアントとの通信のための) システムコールがオーバーヘッドになるので、小さなテーブルにたくさんアクセスをするよりも、長い行を持つテーブルに１回アクセスするほうが良い。 たとえば手元の環境での insert on duplicate key update の速度は、 行のサイズ 必要時間 0KB 1 3KB 4 6KB 7 9KB 13 12KB 13 とかそんな感じ (環境やクエリによる変わるので自分で測定してね。9KB の速度低下はページサイズの1/2を超えたからかな)。つまり、行のサイズが1KB程度だと、通信のオーバーヘッドが大きいからあまり問題に
4Gamer.net ― Eee PC発売記念（？） この小さいマシンでゲームを動かしてみよう――その2：Windows XPを頑張って軽快にしてみる（Eee PC）
Eee PC発売記念（？） この小さいマシンでゲームを動かしてみよう――その2：Windows XPを頑張って軽快にしてみる 編集長：Kazuhisa ※第1回：Windows XPを頑張って小さくしてみる → 「こちら」 ※第3回：FFXIも完壁！ ついにゲームの起動にトライ → 「こちら」 というわけで，Eee PCチューニング記事の第2回だ。前回の「Windows XPを頑張って小さくしてみる」記事は「こちら」からどうぞ。 ゲームに限らず，Eee PCで何かをするのであれば必要になってくる“HDD容量”は前回空けたので，今回は引き続き，Windows XPのこのちょっとタルい挙動をどうにかして，何か操作をするときのストレスを減らしてみようではないか。そう，実はまだゲームのインストールまではいかないのである。ごめんなさい。 ・XPの重たい挙動をなんとかしよう まずはその見てくれから 1
ウノウラボ Unoh Labs: 画像の遅延読み込み
yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の
はてブの注目エントリが目障りになったときの対処法 | ライフハックと仕事術の「LifeHackPlus」
今、インターネットで何が話題になっているか、何が注目されているかといった旬の情報をチェックするのに最適な情報源として「はてなブックマーク注目エントリ」があります。その「はてなブックマーク注目エントリ」を、ご利用のRSSリーダーに登録して随時チェックしている方も多くいらっしゃると思います。 しかし、近年のweb2.0サービスの普及により、多くの人が情報を発信するようになり同時に多くの人が各種web2.0サービスを使うようになってきました。それにより「はてなブックマーク注目エントリ」が自分にとって目障りなエントリだらけで困っているという人は多くいらっしゃると思います。実際にweb上でもそのような声は多く聞こえてきます。 僕個人の話で恐縮ですが、僕もストレスを感じていた１人で、先日RSSリーダに登録しているFeedを整理しました。 「はてなブックマーク注目エントリ」は以前すでに削除したのですが
uessay: 【2008年版】パソコン操作を華麗にスピードアップ(100tips)
2006年の暮れに書いたuessay: パソコン作業を華麗にスピードアップ(100tips) は、おかげさまでいろいろな人にブックマークしてもらえた記事になったわけですが、2008年版もやります。昨年は転勤して、触るPCが何台もあり、そのたびにCtrlキーの位置が微妙に違うのがストレスだったので、Ctrlを使わないTips、それから去年は紹介しなかった「そもそも論」みたいなのを多めに並べてみます。相変わらずWindows XP向けです。 スピードアップは文字入力とファイル選択から 1.「ミcろそft」と入力してしまってもF９で「Ｍｉｃｒｏｓｏｆｔ」（全角英文字）と変換される。 2.さらにF８で「Microsoft」（半角英文字）となる。F9+F8に慣れると途中まで入力したのをDeleteで消してIMEを切り替えて入力し直す人がアホに見えてくる。 3.単語の選択にマウスを使わず、Shift＋
肥え続けるTomcatと胃を痛めるトラブルハッカー (1/3) - ＠IT
肥え続けるTomcatと胃を痛めるトラブルハッカー：現場から学ぶWebアプリ開発のトラブルハック（8）（1/3 ページ） 本連載は、現場でのエンジニアの経験から得られた、APサーバをベースとしたWebアプリ開発における注意点やノウハウについて解説するハック集である。現在起きているトラブルの解決や、今後の開発の参考として大いに活用していただきたい。（編集部） メモリリークと聞いて、良いイメージを思い浮かべる開発者は少ないだろう。経験したことのある人にとっては、思い出したくない過去の記憶がよみがえるかもしれない。もしかしたら、その単語を聞くだけで胃が痛くなる人もいるかもしれない。筆者もかつてはその1人であった。 前々回の記事では、WebサーバとTomcatの間の接続において、スレッド数の不整合により発生したトラブル事例を、前回はTomcatとDBサーバの間のトラブル事例を紹介した。今回もTom
【2ch】ニュー速クオリティ:【格安＆便利】オンライン・旅行会社【ホテル】
航空券の購入は出来ない会社もあるけど、ホテルとかレンタカーって格安だぞ。 ネットだから夜中でも予約できるし。英語って言ったって、このくらいの英語なら誰でも分かる。 ポイントも付いたりするぞ。空き状況も分かるし、料金調べだけでもＯＫ。 エクスペディア： http://www.expedia.com/ トラベロシティ： http://www.travelocity.com/ ホテルプラナー： http://www.hotelplanner.com/ ホットワイヤ： http://www.hotwire.com/ サイト５９： http://www.site59.com/ ラストミニッツ： http://us.lastminute.com/ イージークリックトラベル： http://www.easyclicktravel.com/ チープチケット： http://www.cheaptickets
Windows XP最強FAQ＆Tips グリモアWeb 560ページの有料書籍を無料公開！
★最新Core 2 Duo(Wolfdale)＋X38マザーレビュー（1 ついに登場したPenrynコア） 価格も登場ご祝儀価格で高め、とはいっても、同一クロックであるE6850（3.00GHz、L2 4MB、TDP 65W）と新Core 2 E8400（3.00GHz、L2 6MB、TDP 45W）に比べればわかるが・・・ ★最新Core 2 Duo(Wolfdale)＋X38マザーレビュー（2 テスト環境とクーリング） X38マザーでWolfdale対応BIOSアップデートを行い、また既存CPUにおいての各種動作に不具合がないことを確認しておく。新アイテムだらけの環境では、不具合が起こっても原因が特定できず・・・ New!★最新Core 2 Duo(Wolfdale)＋X38マザーレビュー（3 クーリングと底上げ） まず、CPUファンは、CPUを冷やすことが目的、というよりも
[CSS]気をつけたいIE 7のバグ -CSS-Discuss
CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意： バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例： body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small
![[CSS]気をつけたいIE 7のバグ -CSS-Discuss](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
mxmlc コンパイラのメタデータタグを利用する - [Bindable] 篇
ActionScript3 のソースをコンパイルするとき、現在は flex2 SDK に含まれる mxmlc を使うのが主流です。このコンパイラはAS3の言語では定義されてない、flex 独自のメタデータタグ([] で囲まれた syntax。[Bindable] など)を解釈し、自動でAS3ソースコードをジェネレートしてくれます。 このメタデータタグの利用方法をきちんと把握すると、だいぶコード記述が減り、シンプルかつ統一的なAS3(flex)プログラミングが可能になり、プログラミングの生産性が向上するであろう、有益な機能です。しかしながら、どういった挙動をするソースが生成されるのか、どのようなメタデータが記述可能なのか、というのがいまいち解っていないため、エントリーとして書き起こします。 [Bindable] メタデータを使うといったい何が嬉しいのでしょうか。その前に Flash でのプロ
![mxmlc コンパイラのメタデータタグを利用する - [Bindable] 篇](https://cdn-ak-scissors.b.st-hatena.com/image/square/7297fc8409595956b96efb4443e4afab1104b4c0/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435922169449247804%2F6435922169449248416%2F1365590825)
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
Vistaが「遅い」と感じませんか？：ITpro
2007年1月30日にWindows Vistaが店頭で発売されてから約8カ月が過ぎた。この記者の眼でも，4月24日に「Vistaってどうよ？」というややポジティブな見解が掲載された。これはこれで納得できる。「『売り上げは期待を下回るが私は強気』，マイクロソフトWindows本部長」というコメントもほぼ同時に報じられた。 その後もマイクロソフトは，「Windows XPのPCメーカーへの出荷，来年1月で終了へ」と突っ張っていた。それが最近では「『Windows XPの販売を5カ月延長』，米マイクロソフトが方針転換」と来た。低価格パソコン向けに新興国で販売している「Windows XP Starter Edition」については，2010年6月30日まで販売を延長するという。Vistaはどうもハッピーな状況ではない。 Vistaが好感を持たれない理由は，(1)価格が高い，(2)マイクロソフト
Programming tutorials and source code examples
Programming Tutorials and Source Code Examples
HTTPのリクエストを最小化するためのTIPS:phpspot開発日誌
How To: Minimize HTTP Requests ? The Most Important Guideline for Improving Web Site Performance In my previous article 7 Easy-to-Apply Tips to Improve Your Web Site Performance, I described methods to achieve better client-side performance. HTTPのリクエストを最小化するためのTIPS。 イメージマップを使って読みこむ画像数を減らす 複数の画像を読み込んで、画像に個別にリンクするより、イメージマップで読みこむ画像を減らしてリクエスト減少 画像を１個にしてCSSで背景で領域指定する 「Googleの検索結果ページは画像を一つしか読み込んでいない」の方法
ウノウラボ Unoh Labs: MySQL最適化のミニtips
yukiです。 今回はWebサイトを製作する上で欠かせないデータベース(DB)のお話です。Linux、Apache,MySQL,PHPを組み合わせたLAMPという言葉が登場して久しいですが、Webサービスを構築する上で欠かせないのがDBの存在ですね。 運用後Webサイトが順調に拡大し規模も大きくなってきた頃、パフォーマンスに悩むことも出てくるものです。 ハードウェアや構成に問題がある場合、ロジックに問題がある場合など様々ですが、DBを見直してみるのも手かもしれません。 銀行の預金残高などのようにミッションクリティカルである場合や、ともかくパフォーマンス性を求められるなど様々あり、一概に言えるものでもありませんが、 Webサービスにおいては有名な8秒ルールも、最近では6秒、3秒、1秒と求められるパフォーマンスはどんどん短くなって来ています。 パフォーマンスだけでなく、メンテナンスコ
Open Tech Press | Linuxのパフォーマンスを改善する3つのTips
同じコンピュータでも、Linuxを走らせたときのほうがWindows XPやVistaを走らせたときよりも性能は高くなる。しかしLinuxシステムはさらに高速化することも可能だ。この記事では、Linuxシステムの性能を向上させるための、3つの異なるレベルで行なう最適化の方法を紹介する。 あらゆる最適化について言えることだが、何らかの簡単なベンチマークを行なわなければ、結果を本当に向上させることができたのかどうかを知ることはできない。Linux PC上では通常、数多くのプロセスが走っていて、それらが性能の測定に影響を与える可能性がある。その影響を最低限に抑えるために作業はランレベル1で行なうようにしよう。ランレベル1は、最低限のプロセスのみを実行するシングルユーザモードだ。ランレベル1で作業を行なうためには、ALT-F1を入力してコンソールに切り替え、ルートとしてログインして「init 1」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
3分でわかる！仕事に役立つExcelテクニック：ITpro
http://kengo.preston-net.com/archives/003395.shtml