はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Lighthouse

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 19 / 19件)
 

佐久間宣行が語る若林正恭と星野源 『LIGHTHOUSE』インタビュー前編 - TOKION

2023/09/13 このエントリーをはてなブックマークに追加 245 users Instapaper Pocket Tweet Facebook Share Evernote Clip sicks TOKION ラジオパーソナリティ 佐久間宣行

佐久間宣行 佐久間宣行 1975年、福島県いわき市生まれ。テレビプロデューサー、演出家、作家、ラジオパーソナリティ。『ゴッドタン』『あちこちオードリー』『ピラメキーノ』『ウレロ☆シリーズ』『SICKS~みんながみんな、何かの病気~』『キングちゃん』などを手掛ける。元テレビ東京社員。2019年4月からラジオ『佐久間... 続きを読む

サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse

2023/05/20 このエントリーをはてなブックマークに追加 135 users Instapaper Pocket Tweet Facebook Share Evernote Clip アクセシビリティ スコア 速度 パフォーマンス ツール

Lighthouse」はGoogleが作成したページの読み込み速度やアクセシビリティなどをまとめてチェック・採点してくれるツールですが、そのLighthouseをサイト上のさまざまなページで動作させることでサイト全体のスコアを一発で算出してくれるツールが「Unlighthouse」です。 Unlighthouse - Site-wide Google Lighthouse ·... 続きを読む

Lighthouseの点数を50点以上改善したお話 – TravelBook Tech Blog

2022/05/27 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip 点数 TravelBook Tech Blog

トラベルブックのフロントエンドチームでは2020年の9月から、ページのパフォーマンス改善に取り組んでいます。 今回は今までどのようにやってきたのかを紹介したいと思います。 Core Web Vitals 2020年5月、Core Web Vitals がSEOに影響されるというのがGoogleから発表され、集客的にもユーザー体験をページパフォーマン... 続きを読む

Web アクセシビリティの検証ツール acot を作ってる - wadackel.me

2020/12/10 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip AXE wadackel アクセシビリティ モチベーション

はじめに# タイトルにもある通り、最近 Web アクセシビリティ (以下アクセシビリティ) の検証ツールを作っています。この記事では作るにあたったモチベーションや、現時点での機能、今後の展望についてまとめます。 モチベーション# アクセシビリティを評価しようとすると Lighthouse にも付随する axe のようなツールを... 続きを読む

LighthouseをFirebase Functionsから毎日叩いて本番環境のパフォーマンスを計測してみた - SMARTCAMP Engineer Blog

2020/03/26 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 笹原 日頃 フロント スマートキャンプ パフォーマンス

スマートキャンプの笹原です。 みなさんはWebサイトの、特にフロントのパフォーマンス改善を日頃から行っていますか? 常に意識しているという方もいれば、気が向いたときにたまに見てみるなんてこともあるんじゃないかと思います。 今回はそんなパフォーマンスに常に意識を配れるように、毎日Lighthouseを叩いてみたの... 続きを読む

サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説 | コリス

2019/12/17 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス スコア CSSベース HTML 分割

サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。 HTMLとCSSベースの改善が主で、ロード時の数ミリ秒間の表示、スマホ用CSSファイルの分割など、いろいろなサイトやブログの改善にも役立つと思いま... 続きを読む

Datadog と Lighthouse を利用した WebPerf の継続的計測 | mediba Creator × Engineer Blog

2019/07/22 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip mediba Datadog Webpagetest GAS

こんにちは。ものづくり推進部、フロントエンドエンジニアの武田です。 今日は Datadog, Lighthouse を使ったクライアントパフォーマンス計測に取り組んでいる、というお話です。 mediba では webpagetest を使った定期実行と計測を以前から行っています。 DataStudioとGASでWebPagetestの計測結果をグラフ化するuknmr/g... 続きを読む

WordPress でも大丈夫!実例で見るウェブパフォーマンス改善 - Speaker Deck

2019/06/15 このエントリーをはてなブックマークに追加 308 users Instapaper Pocket Tweet Facebook Share Evernote Clip Speaker Deck 実例 WordPress 施策 指標

ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパ... 続きを読む

GoogleによるWebサイトパフォーマンス測定ツール「Lighthouse」入門 | さくらのナレッジ

2019/05/08 このエントリーをはてなブックマークに追加 119 users Instapaper Pocket Tweet Facebook Share Evernote Clip アクセシビリティ 昨今 ナレッジ Webアプリケーション 限り

昨今ではWebサイトやWebアプリケーションに対し「適切にページが表示されるか」だけでなく、ロード時間の早さやアクセシビリティといった使い勝手の良さも求められるようになっている。これらは利用者の満足度向上だけでなくGoogle検索の表示結果にも影響するため、できる限り対応しておきたい。そこで今回は、Googleが... 続きを読む

ここに来る理由は、プログラマーがいるから。【株式会社アピリオ コンサルタント:佐藤 由久】(コワーカーインタビュー) | LIGHTHOUSE(ライトハウス)

2019/03/01 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip テレワーク 庄内 コンピュータ 山形 プログラマー

LIGHTHOUSE MEMBERSHIP会員 株式会社アピリオ コンサルタント 佐藤由久さんにインタビュー どんなお仕事をしていますか? 米国コンサルティング企業の日本法人で、東京にオフィスを構える株式会社アピリオに勤務しており、私は山形・庄内からテレワークで仕事をしています。主に企業の中で使ってもらうコンピュータのシ... 続きを読む

ウェブのパフォーマンス改善にはスピード測定ツールが必要不可欠、GoogleのイチオシはLighthouse #ChromeDevSummit | 海外SEO情報ブログ

2018/11/28 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip セッション 上級 米サンフランシスコ 最新テク 成功事例

[レベル: 上級] この記事では、11 月 12 〜 13 日に米サンフランシスコで開催された Chrome Dev Summit 2018 のセッションをレポートします。 今年の Chrome Dev Summit で Google が特に力を入れていたテーマはウェブのパフォーマンス改善でした。 モバイルウェブ高速化の成功事例のセッションと高速化のための最新テク... 続きを読む

Google製スピード測定ツールのPageSpeed Insightsが分析エンジンにLighthouseを組み込む | 海外SEO情報ブログ

2018/11/21 このエントリーをはてなブックマークに追加 30 users Instapaper Pocket Tweet Facebook Share Evernote Clip ligh PageSpeed Insights PSI 中級

[レベル: 中級] Google が提供するパフォーマンス測定ツールの PageSpeed Insights が分析エンジンに Lighthouse を使用するようになりました。 英語および日本語の公式ブログでアナウンスが出ています。 PageSpeed Insights, now powered by LighthousePageSpeed Insights、Lighthouse の使用を開始しましたPSI と Ligh... 続きを読む

Google ウェブマスター向け公式ブログ: PageSpeed Insights、Lighthouse の使用を開始しました

2018/11/14 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip PageSpeed Insights 使用

+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 の使用を開始しました

2018/11/14 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip PageSpeed Insights 使用

+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 このエントリーをはてなブックマークに追加 98 users Instapaper Pocket Tweet Facebook Share Evernote Clip Firebase hosting PWA化 Nuxt.js

2018 - 05 - 02 Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す 1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中に Nuxt tech book を読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べ... 続きを読む

next.js で lighthouse 満点を目指した - Qiita

2018/03/15 このエントリーをはてなブックマークに追加 40 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita Workbox フレームワーク スコア 満点

なぜやるか 普通にやってても満点は難しい。まずは無で100点を目指す。 Google が Mobile First Index やりだしたら多分 lighthouse のスコアも使うだろうという予想 next.js というある程度現実的なフレームワークを使うことで適度に YakShaving もこなせるだろうという予想 使ったもの next.js: export mode workbox 結果 コ... 続きを読む

Webページの読み込み速度やアクセシビリティを自動でチェックしてくれるChrome拡張「Lighthouse」 - GIGAZINE

2018/03/08 このエントリーをはてなブックマークに追加 46 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE Pwa アクセシビリティ Chrome 速度

Googleは2018年7月から モバイル検索のランキング要素としてページの読み込み速度を使用する と発表しています。このように、ページの読み込み速度はだんだんと重要性を増してきていますが、Chromeの拡張機能「 Lighthouse 」を使えば、自分のサイトの読み込み速度だけでなくPWAへの対応状況やSEO対策状況などを簡単に計測してスコアで表示できます。 Lighthouse によるウェブア... 続きを読む

PWAの実装状況をレポートするGoogle製Chrome拡張、「Lighthouse」 #SMX Munich 2017 | 海外SEO情報ブログ

2017/03/22 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip Pwa チェ John Mueller App Chrome

[レベル: 上級] この記事では、PWA (Progressive Web App: プログレッシブ ウェブ アプリ) の実装状況を検証できる Chrome 拡張を紹介します。 先日参加した SMX Munich 2017 で、GoogleのJohn Mueller(ジョン・ミューラー)氏がサイトクリニックのセッションで紹介してくれました。 Lighthouse で PWA とパフォーマンスをチェ... 続きを読む

ITmedia News:Google、無制限オンラインストレージ機能を開発

2006/03/07 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip ITmedia News Google 開発 プロジ 帯域

ニュース Google、無制限オンラインストレージ機能を開発 Googleは「無限のストレージ」「無限の帯域」をもたらすことを目指す「Gdrive」「GDS」「Lighthouse」という3つのプロジェクトを進行中だ。 2006年03月07日 09時59分 更新 米Googleがコンシューマーと企業に無制限のオンラインストレージを提供する新機能を構築している。複数の情報筋が伝えている。 このプロジ... 続きを読む

 
(1 - 19 / 19件)