GeneratePress × KUSANAGIで、AIこき使って「全部燃やした。」 ~PSIオール100までの道程【AdSense・GA4導入サイト】

いらないコードやCSSを燃やしてPSIオール100を叩き出してドヤる少女の画像
本サイト「きもおた・わーどぷれす。」のリニューアルをしました。 GeneratePressとKUSANAGIでサイト構築して、PageSpeed Insights(PSI)オール100を獲りました。 リニューアルにおいて … 記事を読む:GeneratePress × KUSANAGIで、AIこき使って「全部燃やした。」 ~PSIオール100までの道程【AdSense・GA4導入サイト】

KUSANAGIでCocoonのテーマスキン「grayish」を使う際に注意したいこと2+1点

KUSANAGIのテーマアクセラレータをオンにしたら表示が崩れて首を傾げる技術者
WordPressテーマCocoonはスキンによって雰囲気をがらりと変えられます。 その中でも昨秋出た「grayish」にはびっくり。 Cocoonらしさが全く無い! もちろんいい意味でです。 Cocoonでサイト作ると … 記事を読む:KUSANAGIでCocoonのテーマスキン「grayish」を使う際に注意したいこと2+1点

霞が関中央官庁の公式サイトをGoogle PageSpeed Insightsで比較してみた

Google PageSpeed Insightsのスコアを教室のテスト風に表現したアイキャッチ。2021年当時の霞が関中央官庁のランキングを黒板に描き、ピンク髪の女性が「赤点、多すぎません?」と指摘している。
今年秋、菅首相の肝煎りでデジタル庁が発足します。 しかしその一方で防衛省のコロナワクチンシステムがとんでもないポンコツだったり。 とれた予約「勝手に消えた」 防衛省のワクチン予約システムでまた欠陥…担当者「えっ、そんなこ … 記事を読む:霞が関中央官庁の公式サイトをGoogle PageSpeed Insightsで比較してみた

CLS調査のケーススタディ|指摘された画像は犯人ではなかった

CLSの原因調査で、指摘された画像ではなくJavaScriptが犯人だったことを示すアイキャッチ画像
Cocoon最新アップデートで搭載されたスキン「イノセンス」。 「大人かわいい」がキャッチフレーズだそうですけど。 著者は、おっさんくさく見えるって言ってるよ バカにしてるわけじゃありません。 それどころか、私がテーマを … 記事を読む:CLS調査のケーススタディ|指摘された画像は犯人ではなかった

「画像要素で width と height が明示的に指定されていない」の対処法|CLSを防ぐ基本設定

「画像要素で width と height が明示的に指定されていない」の対処法を解説。PageSpeed Insightsの警告画面とCLS対策を表現したアイキャッチ画像
PageSpeed Insights(PSI)で「画像要素で width と height が明示的に指定されていない」の指摘を受けることがあります。 画像要素のwidth(幅)とheight(高さ)指定はCLS対策とし … 記事を読む:「画像要素で width と height が明示的に指定されていない」の対処法|CLSを防ぐ基本設定

Cloudflareの導入、そして実体験に基づくデメリット ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(最終回)

GTmetrixとCloudflareを使ったサイト高速化のイメージ。2016年当時のPageSpeed Insights・GTmetrix対策とCloudflare導入の試行錯誤を表現したアイキャッチ。
本連載は、KUSANAGI for ConoHa(1Gプラン)でPageSpeed InsightsとGTmetrixのスコア改善を図った過程です。 2016年に私がKUSANAGIを導入した直後、サイト高速化に初めてガ … 記事を読む:Cloudflareの導入、そして実体験に基づくデメリット ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(最終回)

画像ファイルサイズ調整、あるいはCSSのインライン化と読み込み非同期によるLCPの改善 ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(その3)

旧PageSpeed Insightsの「表示可能コンテンツの優先順位を決定する」と現在のLCPの関係を解説するイメージ。ファーストビュー画像を解析する女性Webディレクターと、画像サイズ・クリティカルCSS・LCP改善を示すモニター。
【2026年6月27日追記】 本連載は、KUSANAGI for ConoHa(1Gプラン)でPageSpeed InsightsとGTmetrixのスコア改善を図った過程です。 2016年に私がKUSANAGIを導入し … 記事を読む:画像ファイルサイズ調整、あるいはCSSのインライン化と読み込み非同期によるLCPの改善 ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(その3)

プラグインのJS・CSSレンダリングブロックを排除する ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(その2) 

レンダリングブロック対策を道路工事に例えたイメージイラスト。不要なJS・CSSで塞がれた道路を整理し、PageSpeed Insightsのスコアがモバイル73→95、パソコン88→96へ改善する様子を、黒のパンツスーツ姿の女性が案内している。
【2026年6月27日追記】 本連載は、KUSANAGI for ConoHa(1Gプラン)でPageSpeed InsightsとGTmetrixのスコア改善を図った過程です。 2016年に私がKUSANAGIを導入し … 記事を読む:プラグインのJS・CSSレンダリングブロックを排除する ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(その2) 

スコア改善結果とSNS回り対策 ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(その1)

PageSpeed Insights(旧版)とGTmetrixのスコア改善結果を比較したイラスト。改善前後のスコアや表示速度の変化を、パンツスーツ姿の女性がホワイトボードで解説している。
本連載は、KUSANAGI for ConoHa(1Gプラン)でPageSpeed InsightsとGTmetrixのスコア改善を図った過程です。 2016年に私がKUSANAGIを導入した直後、サイト高速化に初めてガ … 記事を読む:スコア改善結果とSNS回り対策 ~PageSpeed Insights(旧版)とGTmetrixを改善してみる(その1)

PageSpeed Insightsの「適切なサイズの画像」が消えない? WordPressの画像サイズ指定を見直そう【2026年6月追記】

WordPressでPageSpeed Insightsの「適切なサイズの画像」が消えない原因を解説する図解。画像圧縮ではなくサムネイルサイズ指定ミスが原因だった事例。
本記事は2016年当時に執筆したものです。 現在のWordPressやPageSpeed Insightsでは表示内容が異なる場合があります。 ただし「表示サイズに対して適切な画像を配信する」という考え方は現在でも有効で … 記事を読む:PageSpeed Insightsの「適切なサイズの画像」が消えない? WordPressの画像サイズ指定を見直そう【2026年6月追記】
× 閉じる