タグ Lighthouse
人気順 5 users 50 users 100 users 500 users 1000 users佐久間宣行が語る若林正恭と星野源 『LIGHTHOUSE』インタビュー前編 - TOKION
佐久間宣行 佐久間宣行 1975年、福島県いわき市生まれ。テレビプロデューサー、演出家、作家、ラジオパーソナリティ。『ゴッドタン』『あちこちオードリー』『ピラメキーノ』『ウレロ☆シリーズ』『SICKS~みんながみんな、何かの病気~』『キングちゃん』などを手掛ける。元テレビ東京社員。2019年4月からラジオ『佐久間... 続きを読む
サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse」
「Lighthouse」はGoogleが作成したページの読み込み速度やアクセシビリティなどをまとめてチェック・採点してくれるツールですが、そのLighthouseをサイト上のさまざまなページで動作させることでサイト全体のスコアを一発で算出してくれるツールが「Unlighthouse」です。 Unlighthouse - Site-wide Google Lighthouse ·... 続きを読む
Lighthouseの点数を50点以上改善したお話 – TravelBook Tech Blog
トラベルブックのフロントエンドチームでは2020年の9月から、ページのパフォーマンス改善に取り組んでいます。 今回は今までどのようにやってきたのかを紹介したいと思います。 Core Web Vitals 2020年5月、Core Web Vitals がSEOに影響されるというのがGoogleから発表され、集客的にもユーザー体験をページパフォーマン... 続きを読む
Web アクセシビリティの検証ツール acot を作ってる - wadackel.me
はじめに# タイトルにもある通り、最近 Web アクセシビリティ (以下アクセシビリティ) の検証ツールを作っています。この記事では作るにあたったモチベーションや、現時点での機能、今後の展望についてまとめます。 モチベーション# アクセシビリティを評価しようとすると Lighthouse にも付随する axe のようなツールを... 続きを読む
LighthouseをFirebase Functionsから毎日叩いて本番環境のパフォーマンスを計測してみた - SMARTCAMP Engineer Blog
スマートキャンプの笹原です。 みなさんはWebサイトの、特にフロントのパフォーマンス改善を日頃から行っていますか? 常に意識しているという方もいれば、気が向いたときにたまに見てみるなんてこともあるんじゃないかと思います。 今回はそんなパフォーマンスに常に意識を配れるように、毎日Lighthouseを叩いてみたの... 続きを読む
サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説 | コリス
サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。 HTMLとCSSベースの改善が主で、ロード時の数ミリ秒間の表示、スマホ用CSSファイルの分割など、いろいろなサイトやブログの改善にも役立つと思いま... 続きを読む
Datadog と Lighthouse を利用した WebPerf の継続的計測 | mediba Creator × Engineer Blog
こんにちは。ものづくり推進部、フロントエンドエンジニアの武田です。 今日は Datadog, Lighthouse を使ったクライアントパフォーマンス計測に取り組んでいる、というお話です。 mediba では webpagetest を使った定期実行と計測を以前から行っています。 DataStudioとGASでWebPagetestの計測結果をグラフ化するuknmr/g... 続きを読む
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善 - Speaker Deck
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパ... 続きを読む
GoogleによるWebサイトパフォーマンス測定ツール「Lighthouse」入門 | さくらのナレッジ
昨今ではWebサイトやWebアプリケーションに対し「適切にページが表示されるか」だけでなく、ロード時間の早さやアクセシビリティといった使い勝手の良さも求められるようになっている。これらは利用者の満足度向上だけでなくGoogle検索の表示結果にも影響するため、できる限り対応しておきたい。そこで今回は、Googleが... 続きを読む
ここに来る理由は、プログラマーがいるから。【株式会社アピリオ コンサルタント:佐藤 由久】(コワーカーインタビュー) | LIGHTHOUSE(ライトハウス)
LIGHTHOUSE MEMBERSHIP会員 株式会社アピリオ コンサルタント 佐藤由久さんにインタビュー どんなお仕事をしていますか? 米国コンサルティング企業の日本法人で、東京にオフィスを構える株式会社アピリオに勤務しており、私は山形・庄内からテレワークで仕事をしています。主に企業の中で使ってもらうコンピュータのシ... 続きを読む
ウェブのパフォーマンス改善にはスピード測定ツールが必要不可欠、GoogleのイチオシはLighthouse #ChromeDevSummit | 海外SEO情報ブログ
[レベル: 上級] この記事では、11 月 12 〜 13 日に米サンフランシスコで開催された Chrome Dev Summit 2018 のセッションをレポートします。 今年の Chrome Dev Summit で Google が特に力を入れていたテーマはウェブのパフォーマンス改善でした。 モバイルウェブ高速化の成功事例のセッションと高速化のための最新テク... 続きを読む
Google製スピード測定ツールのPageSpeed Insightsが分析エンジンにLighthouseを組み込む | 海外SEO情報ブログ
[レベル: 中級] Google が提供するパフォーマンス測定ツールの PageSpeed Insights が分析エンジンに Lighthouse を使用するようになりました。 英語および日本語の公式ブログでアナウンスが出ています。 PageSpeed Insights, now powered by LighthousePageSpeed Insights、Lighthouse の使用を開始しましたPSI と Ligh... 続きを読む
Google ウェブマスター向け公式ブログ: PageSpeed Insights、Lighthouse の使用を開始しました
+1 ボタン 2 AMP 11 API 2 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google プレイス 2 Lighthouse 3 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 96 speed 1 イベント 17 ウェブマスターガイドライン 54 ウェブマスタークイズ 2 ウェブマス... 続きを読む
Google ウェブマスター向け公式ブログ: PageSpeed Insights、Lighthouse の使用を開始しました
+1 ボタン 2 AMP 11 API 2 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google プレイス 2 Lighthouse 3 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 96 speed 1 イベント 17 ウェブマスターガイドライン 54 ウェブマスタークイズ 2 ウェブマス... 続きを読む
Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す - razokulover publog
2018 - 05 - 02 Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す 1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中に Nuxt tech book を読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べ... 続きを読む
next.js で lighthouse 満点を目指した - Qiita
なぜやるか 普通にやってても満点は難しい。まずは無で100点を目指す。 Google が Mobile First Index やりだしたら多分 lighthouse のスコアも使うだろうという予想 next.js というある程度現実的なフレームワークを使うことで適度に YakShaving もこなせるだろうという予想 使ったもの next.js: export mode workbox 結果 コ... 続きを読む
Webページの読み込み速度やアクセシビリティを自動でチェックしてくれるChrome拡張「Lighthouse」 - GIGAZINE
Googleは2018年7月から モバイル検索のランキング要素としてページの読み込み速度を使用する と発表しています。このように、ページの読み込み速度はだんだんと重要性を増してきていますが、Chromeの拡張機能「 Lighthouse 」を使えば、自分のサイトの読み込み速度だけでなくPWAへの対応状況やSEO対策状況などを簡単に計測してスコアで表示できます。 Lighthouse によるウェブア... 続きを読む
PWAの実装状況をレポートするGoogle製Chrome拡張、「Lighthouse」 #SMX Munich 2017 | 海外SEO情報ブログ
[レベル: 上級] この記事では、PWA (Progressive Web App: プログレッシブ ウェブ アプリ) の実装状況を検証できる Chrome 拡張を紹介します。 先日参加した SMX Munich 2017 で、GoogleのJohn Mueller(ジョン・ミューラー)氏がサイトクリニックのセッションで紹介してくれました。 Lighthouse で PWA とパフォーマンスをチェ... 続きを読む
ITmedia News:Google、無制限オンラインストレージ機能を開発
ニュース Google、無制限オンラインストレージ機能を開発 Googleは「無限のストレージ」「無限の帯域」をもたらすことを目指す「Gdrive」「GDS」「Lighthouse」という3つのプロジェクトを進行中だ。 2006年03月07日 09時59分 更新 米Googleがコンシューマーと企業に無制限のオンラインストレージを提供する新機能を構築している。複数の情報筋が伝えている。 このプロジ... 続きを読む