Lighthouse– tag –
-
Chromeに高速サイトと低速サイトを識別するバッジを追加する計画が発表〜Google Developers Japan 「さらに高速なウェブへの移行に向けて」より
2019年12月10日火曜日にGoogle Developers Japanのブログサイトにおいて、「さらに高速なウェブへの移行に向けて」というタイトルの記事が公開されました。内容を簡単にまとめると、「高速サイトと低速サイトを識別するためのバッジを追加するから、Webサ... -
Webmaster Conference Osaka 2019で2つの質問をしました〜「LighthouseのスコアはGoogleの検索順位に影響するか？」「オフスクリーンの画像遅延読み込みはChromeに実装されているか？」 #WMCOsaka
2019年11月27日（水）にグランフロント大阪で開催されたWebmaster Conference Osaka 2019に参加してきました。昨年も同じような時期にGoogle Dance Osakaという名前でWebmaster向けのイベントが開催されました。今年からイベント名を改めての開催です。 We... -
WordPressサイトで画像の遅延読み込みのパフォーマンスを簡単に改善させる2つの方法〜Chrome78.0.3904.97から画像の遅延読み込みがデフォルトで実装される
先日、当ブログにおいてWordPressサイトで画像の遅延読み込みのパフォーマンスを改善させるたった1つの方法は「何もしないこと」と言う記事を公開しました。 Chromeが画像遅延をデフォルトで実装か その記事の要約は以下の通りです。 Chromeが将来的にオフ... -
WordPressサイトで画像の遅延読み込みのパフォーマンスを改善させるたった1つの方法は「何もしないこと」。Chrome78.0.3904.97から画像の遅延読み込みが実装か
「WordPressサイトで画像の遅延読み込みのパフォーマンスを改善する方法」とは、Lighthouseで指摘されるオフスクリーンの遅延読み込みのスピードを計測する方法のことです(Defer Offscreen Images)。WordPressサイトにおいてその方法を具体的かつ一言で言... -
cmd + option + I →Chrome dev Tools→[Audits] タブでLighthouseを起動させる方法
Googleが提供するWebサイト/Webアプリのパフォーマンスやアクセシビリティを診断するツールとして、「Lighthouse」というツールがあります。そのLighthouseを使うためにmacOSであれば、"cmd + option + I" →Chrome dev Tools→[Audit] タブから使用すること... -
さくらクラブ「Webパフォーマンス改善セミナー」（2019年6月15日）で紹介された関連資料まとめ #さくらクラブ #さくらインターネット
さくらインターネットのコミュニティである、さくらクラブは6月15日（土）にさくらインターネット本社（大阪）で「Webパフォーマンス改善セミナー」を行いました。今回の記事ではセミナーの様子・紹介されたスライド・チュートリアル・GitHubのコードなど... -
PageSpeed InsightsのLighthouseで「オフスクリーン画像での遅延読み込み」が指摘される〜a3 Lazy Loadでスコアの改善
PageSpeed Insightsの速度スコアにLighthouseが導入されましたね。自分は2018年11月中旬ぐらいに画面が変更されて祈ることに気がつきました。LighthouseはChromeのプラグイン（拡張ツール）として公開されていましたが、PageSpeed Insightsにも導入された... -
WordPress + AMP（Accelerated Mobile Pages） + PWA（プログレッシブ ウェブアプリ）でWordPressサイトの高速化について考えてみた
PageSpeed Insightsの速度スコアにLighthouseが導入されましたね。自分は2018年11月中旬ぐらいに画面が変更されて祈ることに気がつきました。LighthouseはChromeのプラグイン（拡張ツール）として公開されていましたが、PageSpeed Insightsにも導入された...
1