(*゜ー゜)vおはようございます♪
6月4日にGoogleが社内で使っていたWEB最適化ツールをオープンソース化して一般公開したようです!
Googleが社内で使っていたWebサイト高速化ツールを一般公開
どうやらFireBugのアドオンとして動作するようですね!
見たところ
ページの表示に使われていないJavaScriptやCSSを見つけたり
自動で画像を圧縮してページ表示を短縮したり
ページの読み込み速度やボトルネックの部分を教えてくれたり
するようですね!
※FireBugはFireFoxのアドオンのひとつで、WEBサイト構築に必須の開発ツールです。CSS、HTML、JavaScript をリアルタイムに編集、デバッグ、モニタ可能です!
では早速試してみましょう!
PageSpeed自体はこちらからDLできます。
DLして、FireFoxを再起動すると。。。

きたー!
何ができるか色々見てみましょう!
まずはPageSpeedタブから!

Analyze Performanceを押してみると。。。

じゃん!
赤いびっくりマークの部分がダメなところでしょうか。。
(計測対象は昨日のあにずむの記事ですw)
それぞれアイコンの横の文字をクリックすると
Googleの説明ページへ飛びます!(英語ですがw
ダメだったところを見てみると・・・
(英語すっごい苦手なので間違ってたらごめんなさいw)
6月4日にGoogleが社内で使っていたWEB最適化ツールをオープンソース化して一般公開したようです!
Googleが社内で使っていたWebサイト高速化ツールを一般公開
どうやらFireBugのアドオンとして動作するようですね!
見たところ
ページの表示に使われていないJavaScriptやCSSを見つけたり
自動で画像を圧縮してページ表示を短縮したり
ページの読み込み速度やボトルネックの部分を教えてくれたり
するようですね!
※FireBugはFireFoxのアドオンのひとつで、WEBサイト構築に必須の開発ツールです。CSS、HTML、JavaScript をリアルタイムに編集、デバッグ、モニタ可能です!
では早速試してみましょう!
PageSpeed自体はこちらからDLできます。
DLして、FireFoxを再起動すると。。。

きたー!
何ができるか色々見てみましょう!
まずはPageSpeedタブから!

Analyze Performanceを押してみると。。。

じゃん!
赤いびっくりマークの部分がダメなところでしょうか。。
(計測対象は昨日のあにずむの記事ですw)
それぞれアイコンの横の文字をクリックすると
Googleの説明ページへ飛びます!(英語ですがw
ダメだったところを見てみると・・・
(英語すっごい苦手なので間違ってたらごめんなさいw)
・Leverage browser caching・・・
これは。。。
Expireがついてないからブラウザでキャッシュされてないよ?
ってことでしょうか・・?w
ん〜ブログだからその辺いじれないしなぁ・・・
・Combine external JavaScript・・・
これは、、、外部定義のJavascriptを結合してファイル数減らせよ!
ってことでしょうか・・・
結合できそうなJSファイルを列挙してくれてるので親切ですねw
でも自分作成のJSなら喜んで結合しますがブログパーツとかで呼んでるやつは結合しにくいなぁ。。
・Minimize DNS lookups
ん〜。。。DNS lookupを最小にしろ・・・かw
これもなぁ・・・
・Leverage ploxy caching・・・
ploxyサーバでキャッシュされてないよ?
ってことでしょうか・・??
ま。。まぁこのブログで直せるものはあまりありませんでしたが
業務で使うならいいかもしれませんねw
次はPageSpeedActivityを!

なにやら読み込んでます!
ページ表示までのスピードを図ってくれているようです!
・・・・・・・・・・・・・
・・・・・・・・・・・・・
・・・・・・・・・・・・・
2分たってもおわらなーーーーーーーーい・・・・
んなわけあるか!
ん〜ブログの一番上のスクロールする広告がずっと動いているから
読み込み完了って判断してくれないのかなぁ。。。
。。。ま、、まぁ普通のページだったら使えるかもしれませんね^^;
結論!
まだ使い方よく分かってないのでもうちょっと勉強しますw
これは。。。
Expireがついてないからブラウザでキャッシュされてないよ?
ってことでしょうか・・?w
ん〜ブログだからその辺いじれないしなぁ・・・
・Combine external JavaScript・・・
これは、、、外部定義のJavascriptを結合してファイル数減らせよ!
ってことでしょうか・・・
結合できそうなJSファイルを列挙してくれてるので親切ですねw
でも自分作成のJSなら喜んで結合しますがブログパーツとかで呼んでるやつは結合しにくいなぁ。。
・Minimize DNS lookups
ん〜。。。DNS lookupを最小にしろ・・・かw
これもなぁ・・・
・Leverage ploxy caching・・・
ploxyサーバでキャッシュされてないよ?
ってことでしょうか・・??
ま。。まぁこのブログで直せるものはあまりありませんでしたが
業務で使うならいいかもしれませんねw
次はPageSpeedActivityを!

なにやら読み込んでます!
ページ表示までのスピードを図ってくれているようです!
・・・・・・・・・・・・・
・・・・・・・・・・・・・
・・・・・・・・・・・・・
2分たってもおわらなーーーーーーーーい・・・・
んなわけあるか!
ん〜ブログの一番上のスクロールする広告がずっと動いているから
読み込み完了って判断してくれないのかなぁ。。。
。。。ま、、まぁ普通のページだったら使えるかもしれませんね^^;
結論!
まだ使い方よく分かってないのでもうちょっと勉強しますw




