株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには? ライブドアブログを速くした著者が7つのポイントを伝授します(編集部) Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか? デザイナや主にHTMLのコーダー/マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
エッジからハイブリッド環境まで 考えられる全てのインフラ基盤を検証可能 Lenovoハイブリッドクラウド検証センター Microsoft 365のデータは安全か? クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 リスクのある暗号資産取引を追跡 ブロックチェーン分析を利用し 暗号資産取引の健全性向上を支援する! 身近な改善の第一歩! ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ゼロトラスト対策3つのポイント ニューノーマル時代に必須なゼロトラスト セキュリティの始め方 ITインフラ運用からの解放 HCI+JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 オラクルスペシャリストが語る! 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 激変するビジネス環境の中でのDX モダン
Netflix, Bill Scott氏はMeasuring User Experience Performanceにおいてサイトの性能改善に関わるWebアプリケーションパフォーマンスの計測方法を紹介した。次に必要なのは、この方法を簡単に実施するためのツールということになるだろう。 同氏はAnnouncing: Jiffy Firebug Extension for Viewing Client Side Performance Dataにおいてそのツールを紹介している。こうしたツールはFirebugのエクステンションとして実装するのが妥当なところだ。YSlowもFirebugのエクステンションとして実装されている。残念ながら外部に公開はされていないものの、同アイディアを実装したNetflix Firebugエクステンションというべき実装はすでに存在しているという。 Netflix Fir
Webページの表示パフォーマンスの向上は、Webデベロッパやフロントエンドプログラマにとって永遠の課題だ。ページの表示が速いかどうかは、ユーザの満足度に大きく影響する。リッチなUIや機能を実現しつつも、ページの表示は軽くしたい。 そこで重要になってくるのが、ページの読み込み速度を測定して分析してくれるツールの存在だ。Webページパフォーマンス計測ツールを使うことで定量的に状況を把握し、改善策を練ることができるというわけだ。Webページパフォーマンス計測ツールはいくつかあるが、最も導入が簡単で、かつ効果の高いもののひとつがYahoo! Developer Networkを通じて提供されているYSlowだ。執筆現在での最新版は0.9.2となっている。 YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Yahoo! Exceptional
Yahoo!は2007年12月上旬(米国時間)、Yahoo! Developer Networkを通じてYSlowの最新版となる「YSlow 0.9」を公開した。YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Firefox向けのエクステンションとして実装されており、Mozilla Public License version 1.1のもとでオープンソースソフトウェアとして公開されている。 YSlowはFirebugをベースにして開発されている。0.9ではFirebugのネットパネルとの統合が進められておりAjaxリクエストや画像ビーコンのようなDOM以外のコンポーネントを発見できるようになっている。またフレームとiフレームが走査できるようになっており、それらのリソースも分析できるようになった。ほかにもハイライティング404、より
AjaxやCSSや様々なJavaScriptライブラリによって、サイトが豪華になっていく反面、全体的なシステムパフォーマンスは急激に悪化している。JavaScript等で、このサイトは重いなと感じる事が少なからずあるはずだ。 便利な機能を提供する限り、これは変えられないのだろうか。いや、そんな事はない。変えるべきポイントは幾つも存在する。それを的確にアドバイスしてくれるのがこのツールだ。 今回紹介するオープンソース・ソフトウェアはYSlow、Firebugと連携するパフォーマンスチェッカーだ。 YSlowはYahoo! Inc.により開発、提供されているソフトウェアで、FirefoxのアドオンであるFirebugと連携して利用する。パフォーマンスを改善したいサイトにアクセスし、YSlowのアイコンをクリックすれば良いだけだ。 チェックされる項目はHTTPリクエストの数、Gzip圧縮されてい
Yahoo!は4日(米国時間)、Yahoo! Developer Networkを通じてYSlowの最新版となる「YSlow 0.8」を公開した。YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Firefox向けのエクステンションとして実装されており、Mozilla Public License version 1.1のもとでオープンソースソフトウェアとして公開されている。 YSlow 0.8ではFirebugのネットパネルでキャッシュからリソースを読み込んで表示しないように変更されたほか、スタイルシートのヘッダでファイル名を混在させた状況では処理対象として認められないというバグが修正されている。また特定のCDNホスト名に関するメッセージがより扱いやすいものへと変更されている。 YSlowはYahoo! Exceptional P
Yahoo!は24日(米国時間)、Yahoo! Developer Networkを通じてWebページパフォーマンスを計測するツール「YSlow for Firebug(以下、YSlow)」を公開した。同ツールはMozilla Public License version 1.1のもとでオープンソースソフトウェアとして公開されている。 YSlowはYahoo! Exceptional Performance teamによって作成された評価基準にしたがってWebページのパフォーマンスを計測するツールエクステンション。Webアプリケーション開発におけるFirefoxエクステンションとして高い人気を誇っているFirebugに対する組み込みツールとして開発されている。 YSlowの実行例 YSlowでは「Performance」「Stats」「Component」の3つのビューが提供されている。P
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A~Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く