タグ #lighthouse
「lighthouse」タグの記事一覧です。

Core Web Vitalsを意識したスライダーのライブラリ選定と指標改善のためのチューニング
スライダー(カルーセル)のライブラリを Core Web Vitals の観点で比較しました。特にCLSが大きく悪化しやすく、選び方とチューニングの勘所を実測値で示します。

Core Web Vitalsは検索順位にもう影響? 検索順位が上がった生のSEOケーススタディ
このブログで特別なSEO施策をしていないのに、アクセスが週3,000から4,500ユーザーへ増えました。同時期に変わったのは Core Web Vitals だけだった、という記録です。

無料ツール「PageSpeed Insights 試験対策」をリリースしました
PageSpeed Insights のレポート通りに直しても点数が上がらないのはなぜか。配点の仕組みと本当の弱点がわかる無料ツール「PageSpeed Insights 試験対策」を公開しました。

Lighthouse 6.0.0リリース!モバイルスコアは半数のサイトが低下しPCでは激減の可能性
Lighthouse 6.0.0 が正式リリースされました。モバイルは半数のサイトでスコアが低下し、デスクトップは大きく下がる可能性があります。採点ロジックの変更点をまとめます。

PageSpeed Insightsのスコア大変動か? Lighthouse 6 で変わる採点ルールを先取りチェック!
Lighthouse 6 で採点ルールが変わります。FMPからLCPへ、First CPU Idle から TBT へ、そしてCLSの追加。Amazon のスコアは約20点下がる見込みです。

MTDDC Meetup 2019でPageSpeedスコアの話をします
Webクリエイターの祭典 MTDDC Meetup TOKYO 2019 に登壇し、PageSpeed スコアについてお話しします。今年のメインテーマは AI/IoT です。

SearchConsoleに「速度」レポートが出現!
Search Console に「速度(試験運用版)」レポートが追加されました。低速・中速・高速の判定基準と、低速から抜け出すのがなぜ大変なのかを説明します。

PageSpeedスコアの人並みは何点? 40点でもまずは安心していいよ!という話
PageSpeed スコアは表示速度の世界順位なので、中央値は必ず50点になります。日本のサイトは海外から計測される不利もあり、40点あればまず人並みという話です。

新サービス PageSpeed改善リハーサルをスタート!
新サービス「PageSpeed改善リハーサル」を始めました。約20種類の高速化手法をお客様のページに適用したら何点上がるかを、実際に試してレポートします。

PageSpeed スコア別の傾向と対策。20点未満のサイトが改善の前に見るべきこと
PageSpeed スコアは変化が曲線的なので、点数帯によって取るべき対策が変わります。20点未満のサイトが改善に着手する前に確かめるべきことを説明します。

PageSpeed InsightsとLighthouse。よく似てるツールの違いを比較表でチェック!
Lighthouse と PageSpeed Insights の違いを比較表で整理します。PageSpeed Insights はLighthouse のパフォーマンス部分だけを切り出したもの、という関係です。

PageSpeed Insightsの点数の公式と、高得点をとれない理由
PageSpeed Insights のスコアはブラックボックスではありません。点数を決める5つの指標と計算式を明かし、改善提案に従っても点数が上がらない理由を説明します。

通販サイトのPageSpeed Insightsスコア80は偏差値70相当だった
国内の通販サイトを対象に、PageSpeed Insights のスコアを偏差値に換算した表を作りました。スコア80なら偏差値70相当。自社の立ち位置を測る目安になります。

アイデアマンズブログの2018年をまとめ!WebPや画像軽量化などの「画像」な一年間を振り返る
2018年のアイデアマンズブログを振り返ります。WebP の対応状況、画像軽量化の広がり、Lighthouse の普及など、「画像」を軸にした一年をまとめました。

PageSpeed Insightsの画像4項目を調べて分かった、やるべき対策
PageSpeed Insights の分析エンジンが Lighthouse に変わりました。画像に関する4つの指摘項目を調べ、軽量化とオフスクリーン画像の遅延読み込みは取り組む価値があると結論します。

PageSpeed Insights が Lighthouse を使うように。スコアアップの方法
PageSpeed Insights が Lighthouse を使うようになった変更点を整理します。UIの違いと見るべき指標、そして実際にスコアを上げた方法もあわせて公開します。
SEOにも効く表示高速化のはじめの一歩は「画像軽量化」
CloudGarage Meetup in Yokohama で「SEOにも効いてくる表示高速化のはじめの一歩・画像軽量化」というライトニングトークをしました。当日の内容をお伝えします。

Google Speed Updateで遅いサイトが「検索順位に影響がでた」について思う「2つ」のこと
Google のスピードアップデートで検索順位が実際に下がった、という海外の報告を読んで考えたことを2点にまとめました。速度と順位の関係をどう捉えるべきかを整理します。

SSLが推奨されるChrome 68の登場。じゃあ、ブラウザのシェアってどうなんだろう?やっぱり多いのはChrome?
Chrome 68 で非SSLページに警告が出るようになったことを受けて、ブラウザのシェアを調べました。Chrome が実際どれだけ使われているかを数字で確認します。

Chrome 68で変わる「ウェブサイト暗号化通信」の当たり前
Chrome 68 から、暗号化されていないサイトのアドレスバーに「保護されていない通信」と表示されます。実際の見え方と、Chrome 70 で警告が強まる予定を説明します。

Webページのダウンロード開始までの時間(TTFB)は推奨0.6秒未満。7,688サイトの約92%がクリア
ダウンロードが始まるまでの時間 TTFB は0.6秒未満が推奨です。7,688サイトを調べたところ約92%がこれをクリアしていました。TTFB が何を含む時間なのかも説明します。

Webサイト全体の常時SSL化は進んでる?〜対応済みの国内ウェブサイトは31.3%にとどまる。
国内のWebサイトのうち、全体をSSL化(常時SSL)できているのは31.3%にとどまりました。Chrome 68 で「保護されていない通信」の警告が出る前後の状況を調べています。

無料または数百円でSSL/TLS証明書を手に入れてサイトをSSL化する3つ方法
サイトをSSL化する方法を3つ紹介します。AWS Certificate Manager、Let's Encrypt、年数百円の格安証明書。無料または低コストで始められる選択肢です。

実録Lighthouseのスコア改善〜Accessibility編
Lighthouse の Accessibility スコアを100点にした記録です。画像のalt属性、リンクのname属性、コントラスト比を直しました。100点でも十分とは言えない理由も述べます。

メディアサイトは84%が対応済み!Lighthouseで調べたモバイルフレンドリーなサイトの割合
Lighthouse がモバイルフレンドリーと判定したサイトの割合を、ジャンル別に集計しました。ブログ・メディアは84%が対応済みですが、上場企業のコーポレートサイトは61%にとどまります。

実録Lighthouseのスコア改善〜Performance(ユーザー待ち時間)編
自社コーポレートサイトで Lighthouse の Performance スコアを改善した記録です。CDNの導入、画像の軽量化、遅延読み込みが効き、カルーセルの是非にも触れます。

上場企業から3,198サイトをLighthouseで監査してみた
上場企業約3,600社のコーポレートサイト3,198件に Lighthouse を実行し、モバイル対応と表示速度の実態を調べました。各スコアの平均値とヒストグラムを公開します。