ファイルサイズ

WordPressの定番の画像最適化プラグイン（EWWW Image OptimizerとImsanity） とりあえずのメモ

WordPressの定番の画像最適化プラグイン（EWWW Image OptimizerとImsanity）

WordPressサイトの表示速度を向上させるには、EWWW Image OptimizerとImsanityという画像最適化プラグインが効果的です。EWWW Image Optimizerは画像圧縮に優れ、Imsanityは画像サイズの縮小に特化しており、サイト規模に応じて使い分けるとよいでしょう。ホームページに画像を載せると、見た目は良くなりますが、画像が大きすぎるとサイトの読み込みが遅くなってしまいます。そこで、ホームページの表示速度を速くするために、プラグインで画像を...
2025.03.31 2025.04.09
とりあえずのメモホームページ運用
「SVG」とは？（Scalable Vector Graphics） プログラミング

「SVG」とは？（Scalable Vector Graphics）

「SVG」は拡大縮小しても画質が変わらないベクター形式の画像です。SVGファイルはテキスト形式でXMLで書かれており、メモ帳などで編集できます。ウェブサイトのロゴやアイコン、様々な画面サイズに対応する必要があるデザインに適しています。SVGは、テキスト形式の画像なので、生成AIとの相性もよいです。SVGとは（拡大できる図形の設計図）スマートフォンで画面を大きく拡大したとき、画像がぼやけてしまうことがあります。だけど、ウェブサイトのロゴやアイコンの中には、どれだけ拡大してもくっ...
2025.03.26
プログラミングミニ用語辞典作業効率化
[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP） とりあえずのメモ

[WordPress]アイキャッチ画像を最適化してページ表示速度を改善しようとした（LCP）

アイキャッチ画像のファイルサイズを小さくしつつ表示サイズを維持することで、WordPressサイトの表示速度を改善できます。子テーマのfunctions.phpに専用コードを追加すると、LCPの値が16,130ミリ秒から15,380ミリ秒へと少し短縮できました。理想的な表示速度にはまだ達していないため、サーバー応答時間の改善やLazy Load設定の見直しなど追加対策も必要です。 .title { font-size: 24px; font-weight: bold; fil...
2025.03.12 2025.03.13
とりあえずのメモプログラミングホームページ運用