はてなブログを自分で出来る範疇で高速化してみる - Webパフォーマンスについて

はてなブログの高速化について、はてなスターを外すと速くなるとか、色々話題になっています。 ユーザが手を入れられる範囲でどこまで高速化できるか、いつも私がやっている統計的品質管理のアプローチで、計測・分析・改善してみました。 デスクトップサイト計測 まずは、現状把握、Synthetic Monitoringです。 Synthetic Monitoringとは、実験計画法のフィッシャー三原則に則った、対象ページに介在して計測する手法です。 一ユーザとして、こちら側から、一定間隔で、対象ページにアクセスをして、表示速度に関するデータを取得します。 計測対象サイト takehora.hatenadiary.jp トップに乗っていた記事は、5.3MBあって、かなり重いです。 グラフ関係の画像を多用しているからですね。 計測条件 日本の帯域保証型(100Mbps)光回線 … NTTとKDDI 計測ブラ

[takehora]

はてなブログの高速化や、はてなスターの遅延要因疑惑などが話題だったので、ユーザとしてどこまで高速化できるか、試してみました。

[igrep]

"再度読み込む場合は、Developer Toolのリロードボタンを使わず、新しいシークレットウィンドウを開いて" DevToolsにdisable cacheする機能があるけどそれじゃダメなのでしょうか...

[rinsuki]

グローバルヘッダーは右上にHatenaのログインユーザーが出るからiframeじゃないとだめそう / Tweetボタンの読み込み、遅いときはやけに遅い気がしていたが本当に遅かったのか

[muddydixon]

スパイクの影響を見れば、xhr の timeout を短くするだけで結構な改善になる気がする

[koogawa]

“ユーザサイドで高速化のために出来ることは少ない”

[pokuwagata]

パフォーマンス改善のためのアプローチ例

[berlysia]

「まずは秒の世界の改善（ネットワーク要因・サーバ要因・サードパーティコンテンツ）、そしてミリ秒の世界の改善(レンダリング)」

[efcl]

「まずは秒の世界の改善（ネットワーク要因・サーバ要因・サードパーティコンテンツ）、そしてミリ秒の世界の改善(レンダリング)」

[gfx]

面白かった。

[cruller]

はてなブログのネットワーク環境について（速度とか）。GoogleのPageSpeed Insightsはレンダリング（つまりネットワーク要因以外）を測っている

[kangaetemita]

表示速度改善警察殿による本日のお仕事

[halfrack]

外からここまで調べるのスゴい / ソーシャルパーツと JS〜 / Query String 付きでもキャッシュは出来るから、伸長後サイズが影響してるとか？ / SSI...

[tsubasa123]

すっごい。

[rokuzeudon]

なんかすごい

[takamatumoto7]

すごいな

[sho_yamane]

ガチ勢すぎるwww:;(∩´﹏`∩);: