サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse」
「Lighthouse」はGoogleが作成したページの読み込み速度やアクセシビリティなどをまとめてチェック・採点してくれるツールですが、そのLighthouseをサイト上のさまざまなページで動作させることでサイト全体のスコアを一発で算出してくれるツールが「Unlighthouse」です。 Unlighthouse - Site-wide Google Lighthouse · Unlighthouse https://unlighthouse.dev/ Unlighthouseを利用するためにはNode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https://nodejs.org/ja/download/package-manager 今回は
psi-local - ローカルサイトにPageSpeed Insightsを適用する
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webページの表示速度が遅くて良い理由はありません。ユーザ体験はもちろん、Eコマースサイトなどでは売り上げに直結するほどです。Googleも表示速度を検索順位の指標に組み込んでおり、その指摘を行ってくれるサービスとしてPageSpeed Insightsを提供しています。 しかしこのPageSpeed Insightsは外部に公開した後でしか使えません。そこで開発中でも使えるようにするのがpsi-localです。 psi-localの使い方 psi-localを使ったテストスクリプトです。JSONオブジェクトが次のように返ってきます。 $ node test.js { kind: 'pagespeedonline#result', id: 'https://a335d185.ngr
ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist
Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。 2017年、最近のWebのテクノロジーや制作事情をふまえたものとなっており、ひと昔前とはいろいろ変化しています。 イラスト: Girls Design Materials 「Web Launch Checklist」は2017年最近のWeb制作事情をふまえて、サイト公開時の確認事項をまとめたものです。 確認項目は6つにカテゴリ分けされており、それぞれ最新の動向が取り入れられたものとなっています。 Web Launch Checklist Web Launch Checklist -GitHub そのまま利用してもよし、また編集して自分用のリストを作成することもできます。 パフォーマンスで確認したい項目 SEOで
インターネット回線速度やPing値・パケットロスをまとめて一気に測定できるHTML5で作られた通信速度測定サイト「SourceForge Speed Test」
ユーザーのインターネット通信環境を、Ping値(応答速度)や上り下りの通信速度、パケットロスなどの複数の項目に分けて表示してくれるのが「SourceForge Speed Test」です。サイトはHTML5で作成されており、FlashやJavaなどを使用していないので、PCの他、スマートフォンやタブレットからでも利用できるサイトになっています。 Internet Speed Test - HTML5 Speed Test https://sourceforge.net/speedtest/ 「SourceForge Speed Test」で計測できる各項目がどういった数値なのかは以下の通りです。 ・Latency/Ping(レイテンシ/Ping値) コンピューターから別のコンピューターにデータ転送などを要求し、その結果が送信されるまでにかかる時間が「レイテンシ」で、これを示すのがPing値
無料で自分のインターネット接続速度を簡単に測定できる「Fast.com」
PC・スマートフォン・タブレットのインターネット接続速度を簡単に測定できるサービス「Fast.com」を、動画配信サービスのNetflixが無料で提供開始しています。 インターネット回線の速度テスト | Fast.com https://fast.com/ja/ 上記ページにアクセスするだけで、自動的にインターネットの回線速度の計測が始まります。 10秒ほどで、ダウンロード速度の計測結果を表示。Netflixサーバーから複数回ダウンロードを行うことで、ダウンロード速度を推定しているとのこと。右側のリロードボタンをクリックすると、再度計測が始まります。 何度か測ってみたところ、最高速度は91Mbpsでした。結果画面には速度測定サービスのSPEEDTEST.NETへのリンクが表示されており、速度を比較できるようになっているので、試しにクリックしてみます。 SPEEDTEST.NETのページが開
ウェブページの重さを計測して高速化に向けたアドバイスをくれる「imgix Page Weight Tool」
ウェブサイト上に画像をアップロードする際、複数サイズの画像を用意したりファイルフォーマットを変換したりすることで、少しでもファイルサイズを小さくしてサーバーに負荷がかからないようにしますが、こういった地味な作業は取り扱う画像の数が多くなれば多くなるほど面倒になっていくものです。そんな画像加工関連の処理を自動かつリアルタイムで行ってくれるサービスが「imgix」で、ウェブページを表示する際に重要な「ページの重さ」を計測してくれるサービス「imgix Page Weight Tool」を提供しているので実際に計測してみました。 imgix Page Weight Tool • Learn how to improve your site or app’s speed. https://pageweight.imgix.com/ 「imgix Page Weight Tool」の使用方法はとても
無料の通信速度測定サービス「RBB SPEED TEST」にキャリア別ランキングや前日の最速値TOP10機能などが追加されリニューアルオープン、PCやスマホで使ってみたレビュー
ブロードバンド情報サイトRBB TODAYの提供する無料の通信速度測定サービスが「RBB SPEED TEST」です。PCとスマートフォンで回線速度を計測することが可能で、1カ月に150万回以上の速度計測を行っており、専用の計測サーバをIX直下に置くことで同時計測できる人数を制限するなどして精度を保っているとのことで、実際にPC用サイトとスマートフォンアプリを使って、さまざまな条件下で回線速度を計測してみました。 RBB SPEED TEST | 回線速度・通信速度測定サイト http://speed.rbbtoday.com/ 通信速度測定サイト「RBB SPEED TEST」（スピードテスト）をリニューアルオープン | 株式会社イード http://www.iid.co.jp/news/press/2015/081901.html ◆PC版 PC版「RBB SPEED TEST」のトッ
無料でリアルタイム渋滞回避リルート・オービス警告・ドラレコなどの機能が使えるナビアプリ「ナビロー」レビュー
スマートフォンの持つGPS機能、カメラ機能、ウェブ検索機能などをフル活用して、渋滞情報をリアルタイム更新して最速ルートを随時提供してくれ、高画質のドライブレコーダー機能も搭載し、速度取締装置や取り締まりエリアに近づくと警告してくれる機能など、ありとあらゆる機能をカーナビに詰め込んだ無料アプリが「ナビロー」です。 無料・高性能カーナビアプリ | ナビロー - 渋滞回避、ドライブレコーダー付カーナビアプリ http://www.naviro.jp/ ※2017年サービス終了 ナビローはAndroid・iOSの両対応です。今回は、iPad mini 3で使うので、App Storeで「ナビロー」を検索して、「入手」をタップ。 「インストール」をタップ。 「開く」をタップして、アプリを起動させます。 位置情報の利用について、「許可」をタップ。 なお、位置情報サービスをオフにしているとアラートが表示
競合サイトを丸裸に！SEO対策や検索順位などがわかるWeb分析ツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Pooleリーダーの鮫島です。 競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？） 私は、主に提案資料を作成するときや、サイト設計をするときなどにします。 そういうときは、競合分析ツールを使うと効率的に情報を取得することができます。 というわけで、今回は私が普段使用している競合分析ツールを厳選して7ツールご紹介します。 無料で使える！ 競合サイトを分析できる7つのツール 1. Dockpit（ドックピット） https://www.valuesccg.com/dockpit/ 最近、認知度が高まりつつある競合分析ツールです。 機能の一部が無料で使えるのがかなり助かりますね。 無料登録で取得できる指標はざっと下記の通り。 自社サイトと競合サイトの
専門知識不要で瞬時にWebサイトのクオリティチェックができるツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 非エンジニアの皆さんに朗報です。本日はWebサイトのクオリティチェックに関するすごいツールをたくさん紹介します（どーん）。 Web制作に関わるディレクターや担当者は、ソースコード自体は書かなくとも、イメージ通りのものができているかのどうかの確認はされていると思います。 しかし、パフォーマンス、SEO対策、ソースコードの整合性などの裏側までが「ちゃんとできているのか」というのはわかりにくいですよね。エンジニアに「いや、完璧ですけどこれ？」ってどや顔されたら頷くしかないと思います。 そこで今回は、知識がなくともその辺りのクオリティチェックが簡単にできるツールを紹介します！ これらを使えば、ざっくり「完璧」「まあまあ」「ヤバい」くらいの判断ができるので、作業者にツールの結果画面を見せて「なんとかして！」と伝
WordPressをもっさり重くさせているプラグインはどれだ？P3(Plugin Performance Profiler)でパフォーマンスを悪化させているプラグインを探り出そう！ | kira-ism
しばらく前からこのブログの重さがまた気になるようになりました。 WordPressが重いのか、サーバを疑うべきか・・・。 これまでにいろいろ手をつくしているので原因はそれ以外のことだろうね・・・ということで、プラグインを疑いました。 しかし、たくさんのプラグインを一個づつ、また他のプラグインとの干渉を計りつつなんてことはしてられないしと思ったら！やはりあるのですね、便利なプラグイン。 P3 (Plugin Performance Profiler)はWordPressのパフォーマンスにどのプラグインがどれだけ負荷をかけているのかを一気に調べてくれる優れものでした。 Sponsored Link 使い方インストールはごく普通に。 設定項目はありません。 チェックはプラグイン一覧の「Scan Now」をクリックか、左のツールバーの「ツール」→「Plugin Performance Profil
Webサービスを爆速で公開するためのチェックリスト | Find Job! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
回線速度が測定できるスピードテストサイト「ラピッドネット」
By Mark Fischer 「測定開始」ボタンをクリックするだけで回線速度を測定してくれるスピードテストサイトが「ラピッドネット」です。精度が若干低めながらも結果表示を高速で行うモードが用意されていますが、通常モードであってもわずか5秒ほどで測定が完了します。また、Flashを使用していないので、Flashの使えない端末からでも測定が可能です。 ラピッドネット｜回線速度の測定、PC・スマフォに対応した国内最速のスピードテストサイト http://www.rapidnet.jp/ 測定は画面中央の「測定開始」を押すだけ。定量ファイルのダウンロードによる測定方法を採っているため、測定にかかる時間は回線速度によって変化するとのこと。 今回測定した環境は光回線だったためか、通常モードで測定にかかった時間は5秒弱でした。結果は、下りが36.8Mbps、上りが14.7Mbpsでした。 別ブラウザで
Firefoxでサイトパフォーマンスのボトルネックをチェックできるアドオン「PageSpeed」
Firefoxでサイトパフォーマンスのボトルネックをチェックできるアドオン「PageSpeed」を紹介します。PageSpeedはGoogleから提供されています。 このアドオンを利用すれば、「ブラウザのキャッシュを活用する・圧縮を有効にする・CSSスプライトに画像をまとめる」といったパフォーマンスの最適化のための項目や、その詳細なデータを確認することができます。 なお、このアドオンを利用するには、Firebugアドオンを先に入れておく必要があります。 Firebugの使い方は以下も参考にどうぞ。 Firebug の使い方：(X)HTML と CSS の確認・修正方法のまとめ １．インストール Make the Web Faster - Google Developersのページにある「PageSpeed Insights for Firefox」をクリック。 「このサイト(develop
Google ChromeでサイトパフォーマンスのボトルネックをチェックできるChrome拡張「PageSpeed」
Google ChromeでサイトパフォーマンスのボトルネックをチェックできるChrome拡張「PageSpeed」を紹介します。 この拡張を利用すれば、「ブラウザのキャッシュを活用する・圧縮を有効にする・CSSスプライトに画像をまとめる」といったパフォーマンスの最適化のための項目や、その詳細なデータを確認することができます。 １．インストール Using PageSpeed Insights for Google Chromeのページにある「Install PageSpeed Insights」またはその左のアイコンをクリック。 ページ右側にある「CHROMEに追加」をクリック。 「追加」をクリック。これでインストールが開始します。 インストールが完了しました。 ２．使い方 Windowsの場合、測定したいページを表示した状態で「F12」をクリックして、表示されたデベロッパーツールの右側
ウェブサイトのパフォーマンス測定サービス「WebPageTest」
ウェブサイトのパフォーマンスを測定できるサービス「WebPageTest」を紹介します。 「WebPageTest」はもともとAOLによって開発されたプログラムで、2008年にBSDライセンスの下でオープンソース化されました。現在はGoogle codeとして管理されています。 今回紹介するオンライン版はWebPagetest LLCによって運営されているもので、かなり高機能です。 WebPageTest 当ブログでは最近、このサービスを使ってチェックし、あまりにパフォーマンスが悪かったため、一部最適化を実施し、何秒か改善させました。まだかなり遅いですが。 １．測定 測定したいURLを入力。地域やブラウザの選択を行うこともできます。 「START TEST」をクリック。 測定待ちになります。空いていればすぐに開始します。 測定実施中です。 結果が表示されました。すべての測定が終わるまで30
Webサイトの表示速度を計測するシンプルで見やすいWebサービス・Pingdom Tools - かちびと.net
Webサイトの表示速度をファイルごとに 計測してくれるツールです。表示速度 を可視化してくれるんですが、その速度 を遅くしているのはどのファイルなの か、というのが一目で分かります。 GoogleのPage Speedももちろん使うん ですが、まぁこれはこれでありかなと。 最近サーバーを変えてから担当の方とパフォーマンスの改善の話を相談していて、昨日はmysqlとapacheのチューニングを行って貰い、施工前後のサーバーへの負荷をデータに取って検証して貰いました。 そんなわけでまだ503が出たりとご不便お掛けしていますが、概ね原因が把握できてきましたので今後はパフォーマンス改善に移行します。ご不便をお掛けして申し訳ありませんでした。 で、今日の話題です。そんなパフォーマンス改善施工ですが、当然Webサイト側でも出来ますので、どんなファイルがWebサイトの表示スピードを妨げているかをこのツー
新しい Google アナリティクスのご紹介：サイトの表示速度をチェックしよう
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 1 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 12 GACP 18 GCP 1 Google Ads 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search
Googleアナリティクスの「サイトの速度」でページの表示スピードを計測
現在ベータ版を公開中の新しいバージョンのGoogleアナリティクスでは、ウェブページの表示速度を計測できるようになりました。 US版の公式ブログでアナウンスが出ています。 日本語への記事翻訳のスピードが上がっているので（大内さんのおかげですね）、日本版の公式ブログでもすぐにアナウンスがあるはずです。 [コンテンツ] ⇒ [サイト コンテンツ]のなかに[サイトの速度]という指標が加わっています。 「サイトの速度」を記録するにはトラッキングコードを変更する必要があります（後述）。 僕は昨日変更したばかりなのでまだ1日分だけのデータです。 グラフは全体の平均ですが、ページ単位でのスピードも計測できます。 カスタムレポートと組み合わせれば、ランディングページや国・地域、ブラウザで切り分けたりするような応用の分析も可能です。 サイトの速度を計測するには、次のメソッドをGoogleアナリティクスのトラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
