KUSANAGIでWebPを自動変換・自動配信する方法【Nginxのみ・プラグイン不要】

プラグインの削減とNginxによるWebP自動配信を表現したイラスト。黒のパンツスーツ姿の女性が不要なプラグインを整理し、画像がWebPへ変換されながら高速配信される様子を描いている。
Pagespeed Insightsで「次世代フォーマットでの画像の配信」を指摘されました。 改善策はJPGやPNGに代わり、WEBPでの配信。 検索して出てきたのはプラグインEWWW image optimizer使っ … 記事を読む:KUSANAGIでWebPを自動変換・自動配信する方法【Nginxのみ・プラグイン不要】

loading=”lazy”とloading=”eager”の違いと使い分け、そしてfetchpriority=”high”

loading="lazy"、loading="eager"、fetchpriority="high"の違いと使い分けを解説するアイキャッチ画像
サイトを高速化するテクニックとして知られる、画像のLazyload(遅延読み込み)。 imgタグに次の属性を付加することで実現できます。 loading=”lazy” Chrome・Edge・Firefox・Safari … 記事を読む:loading=”lazy”とloading=”eager”の違いと使い分け、そしてfetchpriority=”high”

モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

モバイル時代のサイト設計をイメージした、ダッシュボードを見つめる女性Webディレクターのイラスト
1カラムが多く見られるようになった昨今のサイトレイアウト事情ですが。 サイドバーを設置した2カラムのサイトもまだまだ多いです。 私にしても、他のサイトは1カラムですが、技術ブログ的な当サイトは2カラムにしています。 ただ … 記事を読む:モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

WordPressプラグインを減らしたい人へ:KUSANAGI環境の実運用例【GeneratePress使用】

不要なプラグインを整理・削除するエンジニア少女のイメージ画像
本記事ではKUSANAGI(Nginx、PHP7)&テーマLuxeritasで私の使っているWordPressプラグインを紹介します。両方のユーザーはもちろん、高速化施策やNginx用のプラグインを探すのにも役立つと思います。参考になれば幸いです。

プラグインの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月追記】

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

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

Googleカスタム検索は便利です ~でも私は捨てました

Googleカスタム検索を使うのを止めたサイト制作者
Googleカスタム検索は便利です。 自分のサイトに、あの高性能なGoogle検索を実装できる! 具体的に言うなら、誤字や表記ゆれに対応してくれます。 WordPressデフォルトの検索機能だと検索精度が低いんです。 し … 記事を読む:Googleカスタム検索は便利です ~でも私は捨てました
× 閉じる