きもおた・わーどぷれす。

駆け出しWEBディレクターが公私ともどもAI執事を使いたおして、
サイトを作ったり壊したり直したりする記録

A rookie web director using AI to build, break, fix, and experiment across real projects.

From creative workflows to troubleshooting and hands-on web development.

A practical field log of building and learning with AI.

画像ファイルサイズ調整、あるいは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) 

速い! 多機能! SEOに強い! 神テーマLuxeritasの紹介と設定

WordPressテーマ「Luxeritas」の魅力を紹介するアイキャッチ。王座に置かれたLuxeritasロゴと、高速化・SEO・多機能を示す図解、そして黒スーツの女性キャラクターを配置し、2016年当時の人気テーマであったことを表現している。
本記事ではWordPressテーマ「Luxeritas」の紹介、および私の行っている設定について記します。 Luxeritasは国産無料という枠で捉えるなら、1、2を争う人気テーマじゃないかと思います。 私が使い始めたの … 記事を読む:速い! 多機能! SEOに強い! 神テーマLuxeritasの紹介と設定

スコア改善結果と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月追記】

Simple GA RankingでGoogle Analyticsを利用した人気記事ウィジェットを作ってサイトを高速化する

アクセス解析データと人気記事ランキングを統合して管理するイメージの技術ブログ向けイラスト。サーモンピンク髪の女性が整理されたダッシュボードを見つめている。
Simple GA Rankingを使ってサイドバーに人気記事を表示する方法を紹介します。Google Analyticsのデータを利用しているため、他のWordPressプラグインと比較すると負担が軽く、サイトの高速化に役立ちます。導入手順は面倒ですが本記事通りにすればきっとできます。

著者情報(この記事を書いた人)をプラグインなしで設置する(2020年増補改訂)

本記事は、記事の著者情報コーナーをプラグインなしで設置する方法の紹介です。 著者情報は読者を集める、記事をより強く訴えるという点において大きな役割を担っています。 しかしプラグインの過度な設置はサイトの速度を損なってしま … 記事を読む:著者情報(この記事を書いた人)をプラグインなしで設置する(2020年増補改訂)

WordPressで連載コンテンツを読みやすくする方法【小説や漫画など】|カテゴリページを目次に・前後記事ナビを同一カテゴリにする

WordPressで小説や漫画などの連載コンテンツを読みやすくする方法を表したイラスト。カテゴリページを目次にし、前後記事ナビを同一カテゴリにしたイメージ。
アマチュアが小説や漫画を投稿・連載するとなると「小説家になろう」や「ジャンプルーキー!」みたいなサイトが主流だと思います。 私もまた「なろう」で活動する1人です しかしその一方で、自分のWordPressサイトに連載コン … 記事を読む:WordPressで連載コンテンツを読みやすくする方法【小説や漫画など】|カテゴリページを目次に・前後記事ナビを同一カテゴリにする

E-E-A-Tを体感した私の実体験 ~「元公安調査庁の天満川さん」と紹介された日~

E-E-A-Tを体感した実例を解説する記事のアイキャッチ。著者情報付きで紹介されたポストを見て驚くピンク髪の女性と、Experience・Expertise・Authoritativeness・Trustworthinessの4要素を並べたデザイン。
最近、SEO界隈で「E-E-A-T」という言葉をよく見かけるようになりました。 E-E-A-T: Googleが重視している、サイト品質評価の考え方 ①Experience(経験)②Expertise(専門性)③Auth … 記事を読む:E-E-A-Tを体感した私の実体験 ~「元公安調査庁の天満川さん」と紹介された日~
× 閉じる