MV(LCP画像)のdecodingは「async」と「sync」のどちらがいい? 速度だけを見てはいけない理由

LCP画像のデコード設定において、表示速度と描画の安定性のバランスを検討する様子を表現したアイキャッチイラスト。オフィスでWeb高速化を検討する女性と、「LCP画像かどうか」「サイトの性質」という2つの視点を示している。
サイトトップにMV(メインビジュアル)を用いたデザインは今時で格好いいですけど、重くなりがち。 そのためヒーロー画像回りの適切な設定が必要となります。 ここまで「読み込みのタイミング(lazy / eager)」と「表示 … 記事を読む:MV(LCP画像)のdecodingは「async」と「sync」のどちらがいい? 速度だけを見てはいけない理由

WordPressの抜粋処理を軽量化する|the_excerpt()とget_the_excerpt()の処理差

WordPressのthe_excerpt()とget_the_excerpt()を比較した図
WordPressの抜粋処理でよく使われるのはthe_excerpt()。 <?php the_excerpt(); ?> これをget_the_excerpt()に変更すると処理が軽くなります。 <? … 記事を読む:WordPressの抜粋処理を軽量化する|the_excerpt()とget_the_excerpt()の処理差

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点

KUSANAGIでWP-Cronを停止してOS側で制御する

WordPressのcronを止めてOS側で制御する少女のイメージ
cronは、指定したコマンドを設定したスケジュールに従って自動実行してくれる仕組みです。 ざっくり言うと、 タイマーだよ cronにはWordPress上で動くWP-cronとUNIX系OSのcronがあります。 KUS … 記事を読む:KUSANAGIでWP-Cronを停止してOS側で制御する

WEXALを導入したらAdSenseが崩壊したのでトラブルシューティングしてみた

WEXAL導入後にengagement delayが原因でAdSense広告が重なり、レイアウト崩れが発生した状況を示す図解アイキャッチ。
ただいま本サイトを親サイトから切り離すマルチサイト化作業の途中です。 サイトレイアウトの構築まで終わったのでWEXALをオンにしました。 管理者のままでは正しい表示がわかりません(←ここ注意です)。 Chromeのシーク … 記事を読む:WEXALを導入したらAdSenseが崩壊したのでトラブルシューティングしてみた

WEXALでサイトをさらに速くするための引き算チューニング

**代替テキスト案** 黒のパンツスーツ姿の若い女性が、近未来的なガラスボードに「無駄を削りシンプルにする」というチューニング方針を書き込みながら、WEXALによるサイト高速化の最終調整を行う様子。周囲には不要なプラグインやjQuery migrate、未使用CSSの削除を示すUI、PageSpeed Insightsスコア100を表す表示が配置され、不要な読み込みを排除してWebサイトを最適化するイメージを表現している。
本稿はWEXAL導入編のラスト、チューニングです。 と言っても、サイト高速化施策そのものはWEXALが全てやってくれますので必要ありません。 WEXALのチューニング方法は、読み込むソースそのものを減らすことに尽きます。 … 記事を読む:WEXALでサイトをさらに速くするための引き算チューニング

KUSANAGIでWordPress管理画面まで速くなる理由 オンメモリ高速化の仕組み

KUSANAGIのオンメモリで速くなったWordPress管理画面を楽しそうに操作する技術者
超高速CMS実行環境「KUSANAGI」。 サイトが速くなるのはもちろんのこと、管理画面まで速くなります。 思い込み? ではなく、仕様でした。 管理画面速度アップの仕組につき、簡潔でわかりやすい説明がありましたので引用し … 記事を読む:KUSANAGIでWordPress管理画面まで速くなる理由 オンメモリ高速化の仕組み

WEXAL環境でGoogle MapからYahoo!地図に変更したらPSIが20点以上改善した話【2021年検証】

WEXAL環境でGoogle MapからYahoo!地図へ変更した際、PageSpeed Insightsスコアが20点以上改善した原因を調査するアイキャッチ画像
本稿の内容はタイトル通り。 WEXAL環境において埋め込み地図をGoogle MapからYahoo!地図に変えたところ、スコアが20以上上がったというものです。 もちろん、各種数字も上昇しています。 た・だ・し あくまで … 記事を読む:WEXAL環境でGoogle MapからYahoo!地図に変更したらPSIが20点以上改善した話【2021年検証】

PageSpeed Insights100点満点をアドセンス有の本番環境で達成! ~サイト高速化エンジン「WEXAL」の実力を検証

WEXAL導入により、AdSense設置環境でPageSpeed Insightsモバイル100点を達成したことを示すアイキャッチ画像
やりました、ようやくやりました。 2018年のリニューアル以降、無理ゲーを極めたPageSpeed Insights(以下、PSI)。 ついにモバイルスコア100点満点を叩き出しました。 PSI満点叩き出す原動力となった … 記事を読む:PageSpeed Insights100点満点をアドセンス有の本番環境で達成! ~サイト高速化エンジン「WEXAL」の実力を検証

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

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

Cocoonでレンダリングブロックを改善する方法|jQuery Migrateのフッター読み込みと停止

jQuery Migrate対策のイメージ。jQueryとjQuery Migrateの警告表示から高速化されたWebサイトへ改善される様子を、サイバー風の技術パネルと黒いパンツスーツの女性で表現したイラスト
CocoonデフォルトだとPageSpeed Insightsから「レンダリングを妨げるリソースの除外」(現在は「レンダリングをブロックしているリクエスト」)を指摘されます。 具体的には「jQuery」と「jQuery … 記事を読む:Cocoonでレンダリングブロックを改善する方法|jQuery Migrateのフッター読み込みと停止
× 閉じる