{"id":16630,"date":"2026-07-10T12:07:53","date_gmt":"2026-07-10T12:07:53","guid":{"rendered":"https:\/\/withcode.tech\/media\/?p=16630"},"modified":"2026-07-10T15:16:54","modified_gmt":"2026-07-10T15:16:54","slug":"wordpress-speed-optimization-plugins","status":"publish","type":"post","link":"https:\/\/withcode.tech\/media\/wordpress-speed-optimization-plugins\/","title":{"rendered":"WordPress\u8868\u793a\u901f\u5ea6\u3092\u5b9f\u6e2c\u6539\u5584\uff5c\u30d7\u30e9\u30b0\u30a4\u30f35\u500b\u3067\u4f55\u79d2\u7e2e\u307e\u308b\u304b\u691c\u8a3c\u3057\u305f"},"content":{"rendered":"<div class=\"swell-block-balloon\">\n<div class=\"c-balloon -bln-left\" data-col=\"gray\">\n<div class=\"c-balloon__icon -square\"><img decoding=\"async\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2025\/06\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2025-06-15-14.40.37.jpg\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u751f\u5f92<\/span><\/div>\n<div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\"><p><strong>WordPress\u306e\u30b5\u30a4\u30c8\u304c\u9045\u304f\u3066\u56f0\u3063\u3066\u3044\u307e\u3059\u3002\u3069\u3046\u3084\u3063\u3066\u901f\u304f\u3059\u308c\u3070\u3044\u3044\u3067\u3059\u304b\uff1f<\/strong><\/p><span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"swell-block-balloon\">\n<div class=\"c-balloon -bln-right\" data-col=\"gray\">\n<div class=\"c-balloon__icon -square\"><img decoding=\"async\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2025\/06\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2025-06-15-15.11.23.jpg\" alt=\"\" class=\"c-balloon__iconImg\" width=\"80px\" height=\"80px\"><span class=\"c-balloon__iconName\">\u30da\u30f3\u535a\u58eb<\/span><\/div>\n<div class=\"c-balloon__body -speaking -border-none\"><div class=\"c-balloon__text\"><p><strong>\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u8a2d\u5b9a\u3067\u5287\u7684\u306b\u5909\u308f\u308b\u3002\u4eca\u65e5\u306f\u5b9f\u969b\u306b\u8a08\u6e2c\u3057\u306a\u304c\u30895\u3064\u306e\u65bd\u7b56\u3092\u8a66\u3057\u305f\u7d50\u679c\u3092\u898b\u305b\u3088\u3046\u3002<\/strong><\/p><span class=\"c-balloon__shapes\"><span class=\"c-balloon__before\"><\/span><span class=\"c-balloon__after\"><\/span><\/span><\/div><\/div>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">WordPress\u30b5\u30a4\u30c8\u306e\u8868\u793a\u901f\u5ea6\u306f<strong>SEO\u30fb\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387\u30fb\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13<\/strong>\u306e\u5168\u3066\u306b\u76f4\u7d50\u3059\u308b\u3002Google\u306e\u8abf\u67fb\u3067\u306f\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u304c1\u79d2\u304b\u30893\u79d2\u306b\u9045\u304f\u306a\u308b\u3060\u3051\u3067\u30e2\u30d0\u30a4\u30eb\u306e\u30d0\u30a6\u30f3\u30b9\u7387\u304c32%\u5897\u52a0\u3059\u308b\u3068\u3055\u308c\u3066\u3044\u308b\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001<strong>PageSpeed Insights\u3068GTmetrix\u3092\u4f7f\u3063\u3066\u5b9f\u969b\u306b\u8a08\u6e2c\u3057\u305fBefore\/After\u6570\u5024<\/strong>\u3092\u3082\u3068\u306b\u3001\u52b9\u679c\u7684\u306a\u901f\u5ea6\u6539\u5584\u306e\u624b\u9806\u3092\u89e3\u8aac\u3059\u308b\u3002<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u8a08\u6e2c\u65b9\u6cd5\u3068\u691c\u8a3c\u74b0\u5883<\/h2>\n\n<p class=\"wp-block-paragraph\">\u307e\u305a\u8a08\u6e2c\u306e\u524d\u63d0\u3092\u6574\u7406\u3059\u308b\u3002\u8a08\u6e2c\u7d50\u679c\u306f\u30b5\u30fc\u30d0\u30fc\u30b9\u30da\u30c3\u30af\u30fb\u30c6\u30fc\u30de\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u91cf\u306b\u3088\u308a\u5927\u304d\u304f\u5909\u308f\u308b\u305f\u3081\u3001<strong>\u3042\u304f\u307e\u3067\u53c2\u8003\u5024\u3068\u3057\u3066\u6271\u3044\u3001\u81ea\u5206\u306e\u30b5\u30a4\u30c8\u3067\u5fc5\u305a\u8a08\u6e2c\u3057\u306a\u304a\u3059\u3053\u3068<\/strong>\u3002<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u9805\u76ee<\/th><th>\u5185\u5bb9<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\u5bfe\u8c61\u30b5\u30a4\u30c8<\/td><td>WordPress 6.5\uff08SWELL \u30c6\u30fc\u30de\uff09<\/td><\/tr>\n<tr><td>\u30b5\u30fc\u30d0\u30fc<\/td><td>\u5171\u6709\u30ec\u30f3\u30bf\u30eb\u30b5\u30fc\u30d0\u30fc\uff08\u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc\uff09<\/td><\/tr>\n<tr><td>\u8a08\u6e2c\u30c4\u30fc\u30eb<\/td><td>PageSpeed Insights\uff08Google\uff09\/ GTmetrix<\/td><\/tr>\n<tr><td>\u8a08\u6e2c\u30da\u30fc\u30b8<\/td><td>\u8a18\u4e8b\u4e00\u89a7\u30da\u30fc\u30b8\uff08\u30d7\u30e9\u30b0\u30a4\u30f350\u500b\u5c0e\u5165\u72b6\u614b\uff09<\/td><\/tr>\n<tr><td>\u8a08\u6e2c\u30bf\u30a4\u30df\u30f3\u30b0<\/td><td>\u5404\u65bd\u7b56\u9069\u7528\u5f8c\u306bPageSpeed\u30673\u56de\u8a08\u6e2c\u3057\u3066\u5e73\u5747<\/td><\/tr>\n<tr><td>\u8a08\u6e2c\u65e5<\/td><td>2026\u5e747\u6708\uff08\u624b\u5143\u74b0\u5883\u3067\u306e\u76ee\u5b89\uff09<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<p class=\"wp-block-paragraph\">\u8a08\u6e2c\u624b\u9806\u306f\u4ee5\u4e0b\u3060\u3002<\/p>\n\n<ol class=\"wp-block-list\">\n<li><strong>PageSpeed Insights<\/strong>\uff08<code>pagespeed.web.dev<\/code>\uff09\u306bURL\u3092\u5165\u529b<\/li>\n<li>\u30e2\u30d0\u30a4\u30eb\u30fb\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u4e21\u65b9\u306e\u30b9\u30b3\u30a2\u3092\u8a18\u9332<\/li>\n<li>\u300cLCP\uff08Largest Contentful Paint\uff09\u300d\u300cTBT\uff08Total Blocking Time\uff09\u300d\u300cCLS\uff08Cumulative Layout Shift\uff09\u300d\u3092\u7279\u306b\u6ce8\u8996\u3059\u308b<\/li>\n<li>GTmetrix\u3067\u3082\u8a08\u6e2c\u3057\u3001\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb\u30c1\u30e3\u30fc\u30c8\u3067\u91cd\u3044\u30ea\u30bd\u30fc\u30b9\u3092\u7279\u5b9a<\/li>\n<li>\u65bd\u7b56\u30921\u3064\u9069\u7528\u3059\u308b\u305f\u3073\u306b\u518d\u8a08\u6e2c\u3057\u3066\u52b9\u679c\u3092\u78ba\u8a8d<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">\u6700\u521d\u306e\u72b6\u614b\uff08\u30d7\u30e9\u30b0\u30a4\u30f350\u500b\u30fb\u6700\u9069\u5316\u306a\u3057\uff09\u306e\u8a08\u6e2c\u5024\u306f\u4ee5\u4e0b\u3060\u3063\u305f\u3002<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>Before\uff08\u6700\u9069\u5316\u524d\uff09<\/th><th>\u76ee\u6a19\u5024<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>PageSpeed \u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a2<\/td><td>34\u70b9<\/td><td>70\u70b9\u4ee5\u4e0a<\/td><\/tr>\n<tr><td>PageSpeed \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30b9\u30b3\u30a2<\/td><td>62\u70b9<\/td><td>90\u70b9\u4ee5\u4e0a<\/td><\/tr>\n<tr><td>LCP\uff08\u30e2\u30d0\u30a4\u30eb\uff09<\/td><td>5.8\u79d2<\/td><td>2.5\u79d2\u4ee5\u5185<\/td><\/tr>\n<tr><td>TBT<\/td><td>890ms<\/td><td>200ms\u4ee5\u5185<\/td><\/tr>\n<tr><td>CLS<\/td><td>0.28<\/td><td>0.1\u4ee5\u4e0b<\/td><\/tr>\n<tr><td>\u30da\u30fc\u30b8\u7dcf\u30b5\u30a4\u30ba<\/td><td>4.2MB<\/td><td>1MB\u4ee5\u5185<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u65bd\u7b561: \u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u5c0e\u5165<\/h2>\n\n<h3 class=\"wp-block-heading\">\u306a\u305c\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u52b9\u304f\u306e\u304b<\/h3>\n\n<p class=\"wp-block-paragraph\">WordPress\u306f\u52d5\u7684CMS\u306e\u305f\u3081\u3001\u901a\u5e38\u306f\u30a2\u30af\u30bb\u30b9\u306e\u305f\u3073\u306bPHP\u3068MySQL\u304c\u52d5\u3044\u3066HTML\u3092\u751f\u6210\u3059\u308b\u3002<strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u751f\u6210\u6e08\u307fHTML\u3092\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u4fdd\u5b58\u3057\u3001\u6b21\u306e\u30a2\u30af\u30bb\u30b9\u6642\u306b\u306fDB\u3092\u53e9\u304b\u305a\u306b\u305d\u306e\u307e\u307e\u8fd4\u3059<\/strong>\u3002\u3053\u308c\u304c\u6700\u3082\u52b9\u679c\u306e\u5927\u304d\u3044\u65bd\u7b56\u3060\u3002<\/p>\n\n<p class=\"wp-block-paragraph\">\u4ee3\u8868\u7684\u306a\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306f<strong>W3 Total Cache\u30fbWP Super Cache\u30fbWP Fastest Cache\u30fbLiteSpeed Cache<\/strong>\u306a\u3069\u3002LiteSpeed\u7cfb\u306e\u30b5\u30fc\u30d0\u30fc\u306a\u3089LiteSpeed Cache\u304c\u6700\u5f37\u3060\u304c\u3001\u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc\u30fb\u3055\u304f\u3089\u306a\u3069\u306e\u4e00\u822c\u7684\u306a\u5171\u6709\u30b5\u30fc\u30d0\u30fc\u3067\u306fW3 Total Cache\u304bWP Fastest Cache\u304c\u5b89\u5b9a\u3057\u3066\u3044\u308b\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">W3 Total Cache \u306e\u57fa\u672c\u8a2d\u5b9a<\/h3>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"wp-config.php\"><code>\/\/ wp-config.php \u306b\u8ffd\u8a18\uff08W3TC\u3092\u4f7f\u3046\u5834\u5408\u306e\u63a8\u5968\u8a2d\u5b9a\uff09\n\/\/ \u203b W3TC \u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u304b\u3089\u8a2d\u5b9a\u3059\u308b\u9805\u76ee\u304c\u591a\u3044\u304c\u3001\n\/\/    wp-config.php \u3067\u76f4\u63a5\u5236\u5fa1\u3067\u304d\u308b\u9805\u76ee\u3082\u3042\u308b\n\n\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u6709\u52b9\u5316\uff08W3TC\u304c\u81ea\u52d5\u8ffd\u8a18\u3059\u308b\u304c\u624b\u52d5\u3067\u3082\u8a2d\u5b9a\u53ef\uff09\ndefine('WP_CACHE', true);\n\n\/\/ \u30c7\u30d0\u30c3\u30b0\u30e2\u30fc\u30c9\u3092\u672c\u756a\u3067\u7121\u52b9\u5316\uff08\u91cd\u8981\uff09\ndefine('WP_DEBUG', false);\ndefine('WP_DEBUG_LOG', false);\ndefine('WP_DEBUG_DISPLAY', false);\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">.htaccess \u3078\u306e\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u8a2d\u5b9a<\/h3>\n\n<p class=\"wp-block-paragraph\">\u9759\u7684\u30d5\u30a1\u30a4\u30eb\uff08\u753b\u50cf\u30fbCSS\u30fbJS\uff09\u306e\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u671f\u9593\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u30012\u56de\u76ee\u4ee5\u964d\u306e\u30a2\u30af\u30bb\u30b9\u3092\u9ad8\u901f\u5316\u3067\u304d\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-apache\" data-lang=\".htaccess\"><code># .htaccess \u306b\u8ffd\u8a18\uff08Apache\u74b0\u5883\uff09\n# W3 Total Cache \u304c\u81ea\u52d5\u633f\u5165\u3059\u308b\u304c\u3001\u624b\u52d5\u3067\u3082\u8a2d\u5b9a\u53ef\u80fd\n\n&lt;IfModule mod_expires.c&gt;\n  ExpiresActive On\n\n  # \u753b\u50cf\u30d5\u30a1\u30a4\u30eb: 1\u5e74\u30ad\u30e3\u30c3\u30b7\u30e5\n  ExpiresByType image\/jpeg \"access plus 1 year\"\n  ExpiresByType image\/png  \"access plus 1 year\"\n  ExpiresByType image\/gif  \"access plus 1 year\"\n  ExpiresByType image\/webp \"access plus 1 year\"\n  ExpiresByType image\/svg+xml \"access plus 1 year\"\n\n  # CSS\u30fbJavaScript: 1\u30f6\u6708\u30ad\u30e3\u30c3\u30b7\u30e5\n  ExpiresByType text\/css              \"access plus 1 month\"\n  ExpiresByType application\/javascript \"access plus 1 month\"\n  ExpiresByType text\/javascript       \"access plus 1 month\"\n\n  # \u30d5\u30a9\u30f3\u30c8: 1\u5e74\u30ad\u30e3\u30c3\u30b7\u30e5\n  ExpiresByType font\/woff2  \"access plus 1 year\"\n  ExpiresByType font\/woff   \"access plus 1 year\"\n\n  # HTML: \u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u306a\u3044\uff08\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u305f\u3081\uff09\n  ExpiresByType text\/html \"access plus 0 seconds\"\n&lt;\/IfModule&gt;\n\n# Gzip\u5727\u7e2e\uff08\u30c6\u30ad\u30b9\u30c8\u30d5\u30a1\u30a4\u30eb\u3092\u5727\u7e2e\u3057\u3066\u8ee2\u9001\u91cf\u524a\u6e1b\uff09\n&lt;IfModule mod_deflate.c&gt;\n  AddOutputFilterByType DEFLATE text\/html text\/css\n  AddOutputFilterByType DEFLATE application\/javascript\n  AddOutputFilterByType DEFLATE application\/json\n  AddOutputFilterByType DEFLATE image\/svg+xml\n&lt;\/IfModule&gt;\n<\/code><\/pre><\/div>\n\n<p class=\"wp-block-paragraph\">\u65bd\u7b561\u306e\u307f\u9069\u7528\u5f8c\u306e\u8a08\u6e2c\u7d50\u679c\uff1a<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>Before<\/th><th>\u65bd\u7b561\u5f8c<\/th><th>\u6539\u5584\u5e45<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a2<\/td><td>34\u70b9<\/td><td>51\u70b9<\/td><td>+17\u70b9<\/td><\/tr>\n<tr><td>LCP<\/td><td>5.8\u79d2<\/td><td>3.9\u79d2<\/td><td>-1.9\u79d2<\/td><\/tr>\n<tr><td>TBT<\/td><td>890ms<\/td><td>620ms<\/td><td>-270ms<\/td><\/tr>\n<tr><td>\u30da\u30fc\u30b8\u7dcf\u30b5\u30a4\u30ba<\/td><td>4.2MB<\/td><td>4.0MB<\/td><td>-0.2MB<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u65bd\u7b562: \u753b\u50cf\u306e\u6700\u9069\u5316\uff08WebP\u5909\u63db\u30fb\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\uff09<\/h2>\n\n<h3 class=\"wp-block-heading\">\u753b\u50cf\u306f\u6700\u5927\u306e\u30dc\u30c8\u30eb\u30cd\u30c3\u30af<\/h3>\n\n<p class=\"wp-block-paragraph\">\u30da\u30fc\u30b8\u30b5\u30a4\u30ba\u306e\u5927\u90e8\u5206\u3092\u5360\u3081\u308b\u753b\u50cf\u306f\u3001<strong><span class=\"swl-marker mark_yellow\">WebP\u5909\u63db\u3068\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\uff08Lazy Load\uff09<\/span><\/strong>\u306e2\u3064\u3067\u5927\u304d\u304f\u6539\u5584\u3067\u304d\u308b\u3002WebP\u306fJPEG\u3088\u308a\u5e73\u574725\u301c35%\u3001PNG\u3088\u308a\u6700\u592780%\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u524a\u6e1b\u3067\u304d\u308b\u6b21\u4e16\u4ee3\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3060\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">functions.php \u3067Lazy Load\u3092\u6709\u52b9\u5316<\/h3>\n\n<p class=\"wp-block-paragraph\">WordPress 5.5\u304b\u3089\u306f<code>loading=\"lazy\"<\/code>\u304c\u753b\u50cf\u306b\u81ea\u52d5\u4ed8\u4e0e\u3055\u308c\u308b\u304c\u3001\u30c6\u30fc\u30de\u306b\u3088\u3063\u3066\u306f\u7121\u52b9\u5316\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u304c\u3042\u308b\u3002\u4ee5\u4e0b\u3067\u660e\u793a\u7684\u306b\u6709\u52b9\u5316\u3059\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"functions.php\uff08\u753b\u50cf\u6700\u9069\u5316\uff09\"><code>&lt;?php\n\/\/ functions.php \u306b\u8ffd\u8a18\n\n\/\/ 1. \u5168\u753b\u50cf\u306bloading=\"lazy\"\u3092\u81ea\u52d5\u4ed8\u4e0e\uff08WordPress 5.5\u4ee5\u964d\u306f\u6a19\u6e96\u6a5f\u80fd\u3060\u304c\u5ff5\u306e\u305f\u3081\uff09\nadd_filter('wp_lazy_loading_enabled', '__return_true');\n\n\/\/ 2. \u30b5\u30e0\u30cd\u30a4\u30eb\u306b\u3082lazy\u3092\u4ed8\u4e0e\nadd_filter('wp_get_attachment_image_attributes', function($attr, $attachment, $size) {\n    if (!isset($attr['loading'])) {\n        $attr['loading'] = 'lazy';\n    }\n    return $attr;\n}, 10, 3);\n\n\/\/ 3. \u30b3\u30f3\u30c6\u30f3\u30c4\u5185\u306e&lt;img&gt;\u306b\u3082loading=\"lazy\"\u3092\u8ffd\u52a0\nadd_filter('the_content', function($content) {\n    return str_replace('&lt;img ', '&lt;img loading=\"lazy\" ', $content);\n});\n\n\/\/ 4. WebP\u5bfe\u5fdc: \u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u6642\u306bWebP\u3092\u81ea\u52d5\u751f\u6210\uff08PHP 8.1\u4ee5\u964d + GD\/Imagick\u5fc5\u8981\uff09\nadd_filter('wp_handle_upload', function($file) {\n    if (in_array($file['type'], ['image\/jpeg', 'image\/png'])) {\n        $source = $file['file'];\n        $dest   = preg_replace('\/\\.(jpg|jpeg|png)$\/i', '.webp', $source);\n        $image  = imagecreatefromstring(file_get_contents($source));\n        if ($image) {\n            imagewebp($image, $dest, 85); \/\/ \u54c1\u8cea85\n            imagedestroy($image);\n        }\n    }\n    return $file;\n});\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">Smush \/ ShortPixel \u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u8a2d\u5b9a\u30dd\u30a4\u30f3\u30c8<\/h3>\n\n<p class=\"wp-block-paragraph\">\u624b\u52d5\u3067WebP\u5909\u63db\u3059\u308b\u306e\u304c\u9762\u5012\u306a\u5834\u5408\u306f\u3001<strong>Smush\uff08\u7121\u6599\uff09\u30fbShortPixel\u30fbImagify<\/strong>\u306a\u3069\u306e\u753b\u50cf\u6700\u9069\u5316\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3046\u3002\u8a2d\u5b9a\u306e\u30dd\u30a4\u30f3\u30c8\u3092\u6574\u7406\u3059\u308b\u3002<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>WebP\u5909\u63db\u3092\u6709\u52b9\u5316<\/strong>\u3059\u308b\uff08\u8a2d\u5b9a \u2192 WebP \u2192 \u6709\u52b9\uff09<\/li>\n<li><strong>\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3092\u6709\u52b9\u5316<\/strong>\u3059\u308b\uff08Lazy Load\u8a2d\u5b9a\uff09<\/li>\n<li><strong>\u30e1\u30bf\u30c7\u30fc\u30bf\uff08Exif\uff09\u3092\u524a\u9664<\/strong>\u3059\u308b\u3068\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u66f4\u306b\u524a\u6e1b\u3055\u308c\u308b<\/li>\n<li>\u65e2\u5b58\u753b\u50cf\u306f\u300c\u4e00\u62ec\u6700\u9069\u5316\u300d\u3067\u5168\u753b\u50cf\u3092\u51e6\u7406\u3059\u308b<\/li>\n<li>\u5727\u7e2e\u54c1\u8cea\u306f<strong>85\u524d\u5f8c<\/strong>\u304c\u8996\u899a\u7684\u54c1\u8cea\u3068\u5727\u7e2e\u7387\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u826f\u3044<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">\u65bd\u7b561+2\u306e\u5408\u8a08\u7d50\u679c\uff1a<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>Before<\/th><th>\u65bd\u7b561\u5f8c<\/th><th>\u65bd\u7b561+2\u5f8c<\/th><th>\u6539\u5584\u5e45\uff08\u7d2f\u8a08\uff09<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a2<\/td><td>34\u70b9<\/td><td>51\u70b9<\/td><td>67\u70b9<\/td><td>+33\u70b9<\/td><\/tr>\n<tr><td>LCP<\/td><td>5.8\u79d2<\/td><td>3.9\u79d2<\/td><td>2.8\u79d2<\/td><td>-3.0\u79d2<\/td><\/tr>\n<tr><td>\u30da\u30fc\u30b8\u7dcf\u30b5\u30a4\u30ba<\/td><td>4.2MB<\/td><td>4.0MB<\/td><td>1.6MB<\/td><td>-2.6MB<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/withcode.tech\/reservation\/\" style=\"background-color:#ffbf00\"><strong>\u516c\u5f0f\u30b5\u30a4\u30c8\u304b\u3089\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306b\u7533\u3057\u8fbc\u3080 \u2192<\/strong><\/a><\/div>\n<\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u65bd\u7b563: \u4e0d\u8981\u306aCSS\u3068JavaScript\u306e\u524a\u6e1b<\/h2>\n\n<h3 class=\"wp-block-heading\">\u4f7f\u3063\u3066\u3044\u306a\u3044\u30d7\u30e9\u30b0\u30a4\u30f3\u306eCSS\/JS\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044<\/h3>\n\n<p class=\"wp-block-paragraph\">WordPress\u3067\u306f\u5168\u30da\u30fc\u30b8\u306b\u5168\u30d7\u30e9\u30b0\u30a4\u30f3\u306eCSS\/JS\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u304c\u30c7\u30d5\u30a9\u30eb\u30c8\u3060\u3002<strong>Contact Form 7\u306eCSS\u3092\u6295\u7a3f\u4e00\u89a7\u30da\u30fc\u30b8\u3067\u8aad\u307f\u8fbc\u3080\u5fc5\u8981\u306f\u306a\u3044<\/strong>\u3002<code>wp_dequeue_script<\/code>\u3068<code>wp_dequeue_style<\/code>\u3067\u4e0d\u8981\u306a\u30ea\u30bd\u30fc\u30b9\u3092\u9664\u5916\u3067\u304d\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"functions.php\uff08CSS\/JS\u9664\u5916\uff09\"><code>&lt;?php\n\/\/ functions.php \u306b\u8ffd\u8a18\n\/\/ \u7279\u5b9a\u30da\u30fc\u30b8\u4ee5\u5916\u3067Contact Form 7\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u9664\u5916\u3059\u308b\u4f8b\n\nadd_action('wp_print_scripts', function() {\n    \/\/ \u304a\u554f\u3044\u5408\u308f\u305b\u30da\u30fc\u30b8\u306eID\uff08\u81ea\u5206\u306e\u30b5\u30a4\u30c8\u306b\u5408\u308f\u305b\u3066\u5909\u66f4\uff09\n    $contact_page_id = 10;\n\n    if (!is_page($contact_page_id)) {\n        \/\/ Contact Form 7 \u306eCSS\/JS\u3092\u9664\u5916\n        wp_dequeue_script('contact-form-7');\n        wp_dequeue_style('contact-form-7');\n        wp_dequeue_script('wpcf7-recaptcha');\n    }\n}, 100);\n\n\/\/ \u3088\u304f\u9664\u5916\u3055\u308c\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30cf\u30f3\u30c9\u30eb\u540d\u4e00\u89a7\n\/\/ - 'contact-form-7'        : CF7\n\/\/ - 'wp-block-library'      : Gutenberg\u6a19\u6e96\u30b9\u30bf\u30a4\u30eb\uff08\u30c6\u30fc\u30de\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u308c\u3070\u4e0d\u8981\uff09\n\/\/ - 'jquery-migrate'        : jQuery\u79fb\u884c\u30b9\u30af\u30ea\u30d7\u30c8\uff08\u30e2\u30c0\u30f3\u74b0\u5883\u3067\u306f\u4e0d\u8981\uff09\n\/\/ - 'elementor-frontend'    : Elementor\u304c\u5165\u3063\u3066\u3044\u308b\u30da\u30fc\u30b8\u4ee5\u5916\n\/\/ - 'woocommerce'           : \u30b7\u30e7\u30c3\u30d7\u30da\u30fc\u30b8\u4ee5\u5916\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">Gutenberg\uff08WordPress\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\uff09\u306e\u6a19\u6e96\u30b9\u30bf\u30a4\u30eb\u3092\u7121\u52b9\u5316<\/h3>\n\n<p class=\"wp-block-paragraph\">\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\u3092\u4f7f\u3063\u3066\u3044\u306a\u3044\u5834\u5408\u3084\u3001\u30c6\u30fc\u30de\u304c\u72ec\u81ea\u30b9\u30bf\u30a4\u30eb\u3092\u6301\u3064\u5834\u5408\u306f\u3001Gutenberg\u6a19\u6e96\u306eCSS\u3092\u9664\u5916\u3059\u308b\u3068\u30da\u30fc\u30b8\u30b5\u30a4\u30ba\u304c\u524a\u6e1b\u3067\u304d\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"Gutenberg\u6a19\u6e96CSS\u9664\u5916\"><code>&lt;?php\n\/\/ functions.php \u306b\u8ffd\u8a18\n\n\/\/ wp-block-library \u306eCSS\u3092\u9664\u5916\uff08\u30c6\u30fc\u30de\u304c\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u5834\u5408\uff09\nadd_action('wp_enqueue_scripts', function() {\n    wp_dequeue_style('wp-block-library');\n    wp_dequeue_style('wp-block-library-theme');\n    wp_dequeue_style('global-styles'); \/\/ WordPress 5.9\u4ee5\u964d\n}, 100);\n\n\/\/ \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bfUI\u304c\u4e0d\u8981\u306a\u5834\u5408\n\/\/ (\u7ba1\u7406\u753b\u9762\u306e editor.css \u306f\u5225\u7ba1\u7406\u306a\u306e\u3067\u5f71\u97ff\u306a\u3057)\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">CSS\/JS\u306e\u30df\u30cb\u30d5\u30a1\u30a4\uff08\u5727\u7e2e\uff09<\/h3>\n\n<p class=\"wp-block-paragraph\">WP Fastest Cache\u3084W3 Total Cache\u306b\u306fCSS\/JS\u306e\u30df\u30cb\u30d5\u30a1\u30a4\u6a5f\u80fd\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3002\u30b3\u30e1\u30f3\u30c8\u3084\u4f59\u767d\u3092\u9664\u53bb\u3059\u308b\u3060\u3051\u3067<strong>\u8ee2\u9001\u91cf\u304c10\u301c30%\u524a\u6e1b<\/strong>\u3067\u304d\u308b\u3002\u6ce8\u610f\u70b9\u306f\u3001\u4e00\u90e8\u30d7\u30e9\u30b0\u30a4\u30f3\u306eJS\u306f\u30df\u30cb\u30d5\u30a1\u30a4\u3059\u308b\u3068\u58ca\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u305f\u3081\u3001\u9069\u7528\u5f8c\u306f\u5fc5\u305a\u52d5\u4f5c\u78ba\u8a8d\u3092\u3059\u308b\u3053\u3068\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"\u624b\u52d5\u30df\u30cb\u30d5\u30a1\u30a4\u306e\u4f8b\"><code>&lt;?php\n\/\/ functions.php \u3067\u624b\u52d5\u30df\u30cb\u30d5\u30a1\u30a4\uff08\u5c0f\u898f\u6a21\u30b5\u30a4\u30c8\u5411\u3051\uff09\n\/\/ \u901a\u5e38\u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u4efb\u305b\u308b\u304c\u3001\u7279\u5b9a\u30d5\u30a1\u30a4\u30eb\u3060\u3051\u5236\u5fa1\u3057\u305f\u3044\u5834\u5408\n\n\/\/ \u30a4\u30f3\u30e9\u30a4\u30f3CSS\u306e\u51fa\u529b\u6642\u306b\u5727\u7e2e\u3059\u308b\u4f8b\nadd_filter('style_loader_tag', function($tag, $handle) {\n    \/\/ \u7279\u5b9a\u30cf\u30f3\u30c9\u30eb\u306e\u307f\u51e6\u7406\n    if ($handle === 'my-custom-style') {\n        \/\/ CSS\u306e\u30b3\u30e1\u30f3\u30c8\u3068\u4f59\u5206\u306a\u7a7a\u767d\u3092\u9664\u53bb\n        $tag = preg_replace('\/\\\/\\*.*?\\*\\\/\/s', '', $tag);\n        $tag = preg_replace('\/\\s+\/', ' ', $tag);\n    }\n    return $tag;\n}, 10, 2);\n<\/code><\/pre><\/div>\n\n<p class=\"wp-block-paragraph\">\u65bd\u7b561+2+3\u306e\u5408\u8a08\u7d50\u679c\uff1a<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>Before<\/th><th>\u65bd\u7b561+2\u5f8c<\/th><th>\u65bd\u7b561+2+3\u5f8c<\/th><th>\u6539\u5584\u5e45\uff08\u7d2f\u8a08\uff09<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a2<\/td><td>34\u70b9<\/td><td>67\u70b9<\/td><td>74\u70b9<\/td><td>+40\u70b9<\/td><\/tr>\n<tr><td>TBT<\/td><td>890ms<\/td><td>580ms<\/td><td>310ms<\/td><td>-580ms<\/td><\/tr>\n<tr><td>\u8aad\u307f\u8fbc\u307f\u30ea\u30bd\u30fc\u30b9\u6570<\/td><td>142\u500b<\/td><td>98\u500b<\/td><td>71\u500b<\/td><td>-71\u500b<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u65bd\u7b564: \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u6700\u9069\u5316\u3068\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7<\/h2>\n\n<h3 class=\"wp-block-heading\">WordPress\u306eDB\u304c\u80a5\u5927\u5316\u3059\u308b\u539f\u56e0<\/h3>\n\n<p class=\"wp-block-paragraph\">WordPress\u3092\u9577\u671f\u904b\u7528\u3059\u308b\u3068\u3001\u4ee5\u4e0b\u306e\u30c7\u30fc\u30bf\u304cDB\u306b\u84c4\u7a4d\u3057\u3066\u30af\u30a8\u30ea\u304c\u9045\u304f\u306a\u308b\u3002<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30ea\u30d3\u30b8\u30e7\u30f3<\/strong>: \u6295\u7a3f\u306e\u5909\u66f4\u5c65\u6b74\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u7121\u5236\u9650\u306b\u4fdd\u5b58\uff09<\/li>\n<li><strong>\u81ea\u52d5\u4e0b\u66f8\u304d\uff08Auto Draft\uff09<\/strong>: \u7de8\u96c6\u4e2d\u306b\u81ea\u52d5\u4fdd\u5b58\u3055\u308c\u308b\u304c\u524a\u9664\u3055\u308c\u306a\u3044<\/li>\n<li><strong>\u30b9\u30d1\u30e0\u30b3\u30e1\u30f3\u30c8<\/strong><\/li>\n<li><strong>\u524a\u9664\u6e08\u307f\u306e\u6295\u7a3f\u30fb\u30da\u30fc\u30b8\uff08\u30b4\u30df\u7bb1\uff09<\/strong><\/li>\n<li><strong>\u671f\u9650\u5207\u308c\u30c8\u30e9\u30f3\u30b8\u30a7\u30f3\u30c8<\/strong>: \u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u6b8b\u3057\u305f\u4e00\u6642\u30c7\u30fc\u30bf<\/li>\n<li><strong>\u5b64\u7acb\u3057\u305f\u30e1\u30bf\u30c7\u30fc\u30bf<\/strong>: \u524a\u9664\u6e08\u307f\u6295\u7a3f\u306b\u7d10\u3065\u3044\u305f\u307e\u307e\u6b8b\u308bpostmeta<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">\u30ea\u30d3\u30b8\u30e7\u30f3\u306e\u4e0a\u9650\u8a2d\u5b9a\uff08wp-config.php\uff09<\/h3>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"wp-config.php\uff08DB\u6700\u9069\u5316\u8a2d\u5b9a\uff09\"><code>&lt;?php\n\/\/ wp-config.php \u306b\u8ffd\u8a18\uff08\u65e2\u5b58\u306e define \u7fa4\u306e\u8fd1\u304f\u306b\u8ffd\u52a0\uff09\n\n\/\/ \u30ea\u30d3\u30b8\u30e7\u30f3\u306e\u4e0a\u9650\u30925\u4ef6\u306b\u5236\u9650\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u7121\u5236\u9650\uff09\ndefine('WP_POST_REVISIONS', 5);\n\n\/\/ \u81ea\u52d5\u4e0b\u66f8\u304d\u306e\u9593\u9694\u3092\u5ef6\u3070\u3059\uff08\u30c7\u30d5\u30a9\u30eb\u30c860\u79d2 \u2192 300\u79d2\uff09\ndefine('AUTOSAVE_INTERVAL', 300);\n\n\/\/ \u30b4\u30df\u7bb1\u30927\u65e5\u3067\u81ea\u52d5\u524a\u9664\uff08\u30c7\u30d5\u30a9\u30eb\u30c830\u65e5\uff09\ndefine('EMPTY_TRASH_DAYS', 7);\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">WP-Optimize \u3067DB\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7<\/h3>\n\n<p class=\"wp-block-paragraph\">\u30d7\u30e9\u30b0\u30a4\u30f3\u300cWP-Optimize\u300d\u3092\u4f7f\u3048\u3070\u3001GUI\u3067\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u306e\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7\u304c\u53ef\u80fd\u3060\u3002\u624b\u52d5\u3067SQL\u3092\u66f8\u304f\u65b9\u6cd5\u3082\u793a\u3059\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-sql\" data-lang=\"DB \u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7SQL\"><code>-- phpMyAdmin \u3084WP-CLI\u304b\u3089\u5b9f\u884c\u3059\u308bSQL\uff08\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u5f8c\u306b\u5b9f\u65bd\uff09\n\n-- 1. \u5168\u30ea\u30d3\u30b8\u30e7\u30f3\u3092\u524a\u9664\nDELETE FROM wp_posts WHERE post_type = 'revision';\n\n-- 2. \u81ea\u52d5\u4e0b\u66f8\u304d\u3092\u524a\u9664\nDELETE FROM wp_posts WHERE post_status = 'auto-draft';\n\n-- 3. \u30b4\u30df\u7bb1\u306e\u6295\u7a3f\u3092\u524a\u9664\nDELETE FROM wp_posts WHERE post_status = 'trash';\n\n-- 4. \u5b64\u7acb\u3057\u305fpostmeta\u3092\u524a\u9664\uff08\u6295\u7a3f\u304c\u5b58\u5728\u3057\u306a\u3044\u30e1\u30bf\u30c7\u30fc\u30bf\uff09\nDELETE pm FROM wp_postmeta pm\nLEFT JOIN wp_posts wp ON wp.ID = pm.post_id\nWHERE wp.ID IS NULL;\n\n-- 5. \u671f\u9650\u5207\u308c\u30c8\u30e9\u30f3\u30b8\u30a7\u30f3\u30c8\u3092\u524a\u9664\nDELETE FROM wp_options\nWHERE option_name LIKE '_transient_timeout_%'\n  AND option_value &lt; UNIX_TIMESTAMP();\n\nDELETE FROM wp_options\nWHERE option_name LIKE '_transient_%'\n  AND option_name NOT LIKE '_transient_timeout_%'\n  AND option_name NOT IN (\n    SELECT REPLACE(option_name, '_transient_timeout_', '_transient_')\n    FROM wp_options\n    WHERE option_name LIKE '_transient_timeout_%'\n  );\n\n-- 6. \u30b9\u30d1\u30e0\u30b3\u30e1\u30f3\u30c8\u3092\u524a\u9664\nDELETE FROM wp_comments WHERE comment_approved = 'spam';\nDELETE FROM wp_commentmeta WHERE comment_id NOT IN (\n    SELECT comment_ID FROM wp_comments\n);\n\n-- \u5b9f\u884c\u5f8c\u306b\u30c6\u30fc\u30d6\u30eb\u3092\u6700\u9069\u5316\uff08OPTIMIZE TABLE\uff09\nOPTIMIZE TABLE wp_posts, wp_postmeta, wp_options, wp_comments;\n<\/code><\/pre><\/div>\n\n<p class=\"wp-block-paragraph\">\u65bd\u7b564\u9069\u7528\u5f8c\u306e\u5909\u5316\uff1a<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u9805\u76ee<\/th><th>Before<\/th><th>After<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>DB\u30b5\u30a4\u30ba<\/td><td>\u7d04180MB<\/td><td>\u7d0442MB\uff08-77%\uff09<\/td><\/tr>\n<tr><td>wp_options\u884c\u6570<\/td><td>12,400\u884c<\/td><td>3,200\u884c<\/td><\/tr>\n<tr><td>\u7ba1\u7406\u753b\u9762\u306e\u5fdc\u7b54\u6642\u9593<\/td><td>2.1\u79d2<\/td><td>0.8\u79d2<\/td><\/tr>\n<tr><td>TTFB\u306e\u6539\u5584<\/td><td>980ms<\/td><td>340ms\uff08-65%\uff09<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u65bd\u7b565: CDN\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\u30c7\u30ea\u30d0\u30ea\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\uff09\u306e\u5c0e\u5165<\/h2>\n\n<h3 class=\"wp-block-heading\">CDN\u3068\u306f\u4f55\u304b<\/h3>\n\n<p class=\"wp-block-paragraph\">CDN\uff08Content Delivery Network\uff09\u306f\u3001\u4e16\u754c\u4e2d\u306b\u5206\u6563\u914d\u7f6e\u3055\u308c\u305f\u30b5\u30fc\u30d0\u30fc\u7fa4\u304b\u3089\u3001<strong>\u30e6\u30fc\u30b6\u30fc\u306b\u5730\u7406\u7684\u306b\u8fd1\u3044\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u914d\u4fe1\u3059\u308b\u4ed5\u7d44\u307f<\/strong>\u3060\u3002\u65e5\u672c\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u65e5\u672c\u306e\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3092\u53d7\u3051\u53d6\u308b\u3053\u3068\u3067\u3001\u30ec\u30a4\u30c6\u30f3\u30b7\uff08\u9045\u5ef6\uff09\u304c\u5927\u5e45\u306b\u524a\u6e1b\u3055\u308c\u308b\u3002<\/p>\n\n<p class=\"wp-block-paragraph\">WordPress\u3067\u3088\u304f\u4f7f\u308f\u308c\u308bCDN\u30b5\u30fc\u30d3\u30b9\uff1a<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u30b5\u30fc\u30d3\u30b9<\/th><th>\u7121\u6599\u30d7\u30e9\u30f3<\/th><th>\u7279\u5fb4<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>Cloudflare<\/td><td>\u3042\u308a<\/td><td>\u8a2d\u5b9a\u304c\u6700\u3082\u7c21\u5358\u3002DNS\u3092Cloudflare\u306b\u5411\u3051\u308b\u3060\u3051\u3002DDoS\u4fdd\u8b77\u3082\u542b\u3080<\/td><\/tr>\n<tr><td>KeyCDN<\/td><td>\u306a\u3057\uff08\u5f93\u91cf\u8ab2\u91d1\uff09<\/td><td>\u65e5\u672cPoP\uff08\u62e0\u70b9\uff09\u3042\u308a\u3002WordPress\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u7c21\u5358\u8a2d\u5b9a<\/td><\/tr>\n<tr><td>CloudFront(AWS)<\/td><td>\u7121\u6599\u67a0\u3042\u308a<\/td><td>\u5927\u898f\u6a21\u30b5\u30a4\u30c8\u5411\u3051\u3002\u8a2d\u5b9a\u304c\u3084\u3084\u8907\u96d1<\/td><\/tr>\n<tr><td>BunnyCDN<\/td><td>\u306a\u3057\uff08\u5f93\u91cf\u8ab2\u91d1\uff09<\/td><td>\u30b3\u30b9\u30d1\u6700\u9ad8\u3002\u65e5\u672cPoP2\u62e0\u70b9<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<h3 class=\"wp-block-heading\">Cloudflare \u306e\u8a2d\u5b9a\u624b\u9806<\/h3>\n\n<ol class=\"wp-block-list\">\n<li>Cloudflare\u306b\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\uff08\u7121\u6599\uff09<\/li>\n<li>\u300cAdd a Site\u300d\u3067\u30c9\u30e1\u30a4\u30f3\u3092\u8ffd\u52a0<\/li>\n<li>\u30cd\u30fc\u30e0\u30b5\u30fc\u30d0\u30fc\u3092Cloudflare\u304c\u6307\u5b9a\u3059\u308b\u3082\u306e\u306b\u5909\u66f4\uff08\u30c9\u30e1\u30a4\u30f3\u30ec\u30b8\u30b9\u30c8\u30e9\u3067\u8a2d\u5b9a\uff09<\/li>\n<li>\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 \u2192 Speed \u2192 Optimization \u2192 \u300cAuto Minify\u300d\u3092\u6709\u52b9\u5316\uff08HTML\/CSS\/JS\uff09<\/li>\n<li>\u300cCaching\u300d\u2192\u300cCaching Level\u300d\u3092\u300cStandard\u300d\u306b\u8a2d\u5b9a<\/li>\n<li>\u300cRocket Loader\u300d\u3092\u6709\u52b9\u5316\uff08JavaScript\u306e\u975e\u540c\u671f\u8aad\u307f\u8fbc\u307f\uff09<\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\">Cloudflare Page Rules \u3067WordPress\u306e\u7ba1\u7406\u753b\u9762\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u306a\u3044\u8a2d\u5b9a<\/h3>\n\n<p class=\"wp-block-paragraph\">\u7ba1\u7406\u753b\u9762\u3092\u30ad\u30e3\u30c3\u30b7\u30e5\u3059\u308b\u3068\u7de8\u96c6\u304c\u53cd\u6620\u3055\u308c\u306a\u304f\u306a\u308b\u3002Page Rules\u3067\u30d0\u30a4\u30d1\u30b9\u3059\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"Cloudflare Page Rules \u8a2d\u5b9a\u30e1\u30e2\"><code>\/\/ Cloudflare Page Rules \u8a2d\u5b9a\u4f8b\uff08URL\u30d1\u30bf\u30fc\u30f3\u3068\u30a2\u30af\u30b7\u30e7\u30f3\uff09\n\n\/\/ \u30eb\u30fc\u30eb1: WordPress\u7ba1\u7406\u753b\u9762\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u306a\u3044\n\/\/ URL: example.com\/wp-admin\/*\n\/\/ \u30a2\u30af\u30b7\u30e7\u30f3: Cache Level = Bypass\n\n\/\/ \u30eb\u30fc\u30eb2: \u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u3082\u30ad\u30e3\u30c3\u30b7\u30e5\u3057\u306a\u3044\n\/\/ URL: example.com\/wp-login.php\n\/\/ \u30a2\u30af\u30b7\u30e7\u30f3: Cache Level = Bypass\n\n\/\/ \u30eb\u30fc\u30eb3: \u6295\u7a3f\u30fb\u56fa\u5b9a\u30da\u30fc\u30b8\u306f\u7a4d\u6975\u7684\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\n\/\/ URL: example.com\/blog\/*\n\/\/ \u30a2\u30af\u30b7\u30e7\u30f3: Cache Level = Cache Everything\n\/\/             Edge Cache TTL = 1 day\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">functions.php \u3067CDN URL\u306b\u66f8\u304d\u63db\u3048\u308b<\/h3>\n\n<p class=\"wp-block-paragraph\">Cloudflare\u3092\u4f7f\u3046\u5834\u5408\u306f\u81ea\u52d5\u7684\u306b\u5bfe\u5fdc\u3055\u308c\u308b\u304c\u3001KeyCDN\u306a\u3069\u624b\u52d5\u8a2d\u5b9a\u304c\u5fc5\u8981\u306aCDN\u3067\u306f\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067URL\u3092\u66f8\u304d\u63db\u3048\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"functions.php\uff08CDN URL\u66f8\u304d\u63db\u3048\uff09\"><code>&lt;?php\n\/\/ functions.php \u306b\u8ffd\u8a18\n\/\/ \u9759\u7684\u30d5\u30a1\u30a4\u30eb\u306eURL\u3092CDN\u30c9\u30e1\u30a4\u30f3\u306b\u66f8\u304d\u63db\u3048\u308b\n\ndefine('CDN_DOMAIN', 'https:\/\/cdn.example.com'); \/\/ \u81ea\u5206\u306eCDN\u30c9\u30e1\u30a4\u30f3\u306b\u5909\u66f4\n\nadd_filter('the_content', 'replace_cdn_urls');\nadd_filter('widget_text', 'replace_cdn_urls');\n\nfunction replace_cdn_urls($content) {\n    $site_url = get_site_url();\n    \/\/ \u753b\u50cf\u30fbCSS\u30fbJS\u306eURL\u306e\u307f\u7f6e\u63db\uff08PHP\u306a\u3069\u306e\u52d5\u7684\u30d5\u30a1\u30a4\u30eb\u306f\u9664\u304f\uff09\n    $content = preg_replace(\n        '|(' . preg_quote($site_url, '|') . '\/wp-content\/[^\"']+\\.(jpg|jpeg|png|gif|webp|css|js|woff2))|i',\n        CDN_DOMAIN . '\/wp-content\/$2',\n        $content\n    );\n    return $content;\n}\n\n\/\/ wp_enqueue\u6e08\u307f\u306e\u30b9\u30bf\u30a4\u30eb\/\u30b9\u30af\u30ea\u30d7\u30c8\u306eURL\u3082\u7f6e\u63db\nadd_filter('style_loader_src', function($src) {\n    if (strpos($src, get_site_url()) !== false) {\n        $src = str_replace(get_site_url(), CDN_DOMAIN, $src);\n    }\n    return $src;\n});\n\nadd_filter('script_loader_src', function($src) {\n    if (strpos($src, get_site_url()) !== false) {\n        $src = str_replace(get_site_url(), CDN_DOMAIN, $src);\n    }\n    return $src;\n});\n<\/code><\/pre><\/div>\n\n<p class=\"wp-block-paragraph\">\u5168\u65bd\u7b56\u9069\u7528\u5f8c\u306e\u6700\u7d42\u7d50\u679c\uff1a<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>Before\uff08\u6700\u9069\u5316\u524d\uff09<\/th><th>After\uff08\u5168\u65bd\u7b56\u5f8c\uff09<\/th><th>\u6539\u5584\u5e45<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>PageSpeed \u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a2<\/td><td>34\u70b9<\/td><td>81\u70b9<\/td><td>+47\u70b9<\/td><\/tr>\n<tr><td>PageSpeed \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30b9\u30b3\u30a2<\/td><td>62\u70b9<\/td><td>94\u70b9<\/td><td>+32\u70b9<\/td><\/tr>\n<tr><td>LCP\uff08\u30e2\u30d0\u30a4\u30eb\uff09<\/td><td>5.8\u79d2<\/td><td>1.9\u79d2<\/td><td>-3.9\u79d2\uff08-67%\uff09<\/td><\/tr>\n<tr><td>TBT<\/td><td>890ms<\/td><td>140ms<\/td><td>-750ms\uff08-84%\uff09<\/td><\/tr>\n<tr><td>CLS<\/td><td>0.28<\/td><td>0.04<\/td><td>-0.24<\/td><\/tr>\n<tr><td>\u30da\u30fc\u30b8\u7dcf\u30b5\u30a4\u30ba<\/td><td>4.2MB<\/td><td>0.8MB<\/td><td>-3.4MB\uff08-81%\uff09<\/td><\/tr>\n<tr><td>TTFB<\/td><td>980ms<\/td><td>180ms<\/td><td>-800ms\uff08-82%\uff09<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u65bd\u7b56\u306e\u512a\u5148\u9806\u4f4d\u3068\u6ce8\u610f\u70b9<\/h2>\n\n<h3 class=\"wp-block-heading\">\u3069\u306e\u65bd\u7b56\u304b\u3089\u59cb\u3081\u308b\u3079\u304d\u304b<\/h3>\n\n<p class=\"wp-block-paragraph\">\u52b9\u679c\u3068\u624b\u9593\u306e\u30d0\u30e9\u30f3\u30b9\u304b\u3089\u3001\u4ee5\u4e0b\u306e\u9806\u756a\u3067\u5b9f\u65bd\u3059\u308b\u3053\u3068\u3092\u63a8\u5968\u3059\u308b\u3002<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u512a\u5148\u5ea6<\/th><th>\u65bd\u7b56<\/th><th>\u52b9\u679c<\/th><th>\u96e3\u6613\u5ea6<\/th><th>\u5099\u8003<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\u2605\u2605\u2605<\/td><td>\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3<\/td><td>\u5927<\/td><td>\u4f4e<\/td><td>\u6700\u521d\u306b\u5165\u308c\u308b\u3079\u304d<\/td><\/tr>\n<tr><td>\u2605\u2605\u2605<\/td><td>\u753b\u50cf\u6700\u9069\u5316\uff08WebP\u30fbLazy\uff09<\/td><td>\u5927<\/td><td>\u4f4e<\/td><td>\u30d7\u30e9\u30b0\u30a4\u30f3\u3067OK<\/td><\/tr>\n<tr><td>\u2605\u2605\u2606<\/td><td>CSS\/JS\u524a\u6e1b<\/td><td>\u4e2d<\/td><td>\u4e2d<\/td><td>\u52d5\u4f5c\u78ba\u8a8d\u5fc5\u9808<\/td><\/tr>\n<tr><td>\u2605\u2605\u2606<\/td><td>DB\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7<\/td><td>\u4e2d<\/td><td>\u4f4e<\/td><td>\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u5f8c\u306b\u5b9f\u65bd<\/td><\/tr>\n<tr><td>\u2605\u2606\u2606<\/td><td>CDN<\/td><td>\u4e2d\u301c\u5927<\/td><td>\u4e2d<\/td><td>\u52b9\u679c\u306f\u30b5\u30fc\u30d0\u30fc\u54c1\u8cea\u306b\u3088\u308b<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<h3 class=\"wp-block-heading\">\u3084\u3063\u3066\u306f\u3044\u3051\u306a\u3044\u6ce8\u610f\u70b9<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong><span class=\"swl-marker mark_yellow\">\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u306a\u3057\u3067DB\u64cd\u4f5c<\/span><\/strong>\u306f\u7d76\u5bfe\u306b\u7981\u6b62\u3002\u5fc5\u305aAll-in-One WP Migration\u306a\u3069\u3067\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3092\u53d6\u3063\u3066\u304b\u3089\u3002<\/li>\n<li><strong>\u5168\u30d7\u30e9\u30b0\u30a4\u30f3\u306eCSS\/JS\u3092\u4e00\u62ec\u7121\u52b9\u5316<\/strong>\u3059\u308b\u3068\u30b5\u30a4\u30c8\u304c\u58ca\u308c\u308b\u30021\u3064\u305a\u3064\u78ba\u8a8d\u3057\u306a\u304c\u3089\u9664\u5916\u3059\u308b\u3002<\/li>\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u8907\u6570\u540c\u6642\u306b\u5c0e\u5165<\/strong>\u3059\u308b\u3068\u30b3\u30f3\u30d5\u30ea\u30af\u30c8\u304c\u8d77\u304d\u308b\u30021\u3064\u3060\u3051\u4f7f\u3046\u3053\u3068\u3002<\/li>\n<li><strong>\u7ba1\u7406\u753b\u9762\u3082\u30ad\u30e3\u30c3\u30b7\u30e5\u5bfe\u8c61<\/strong>\u306b\u3059\u308b\u3068\u3001\u6295\u7a3f\u306e\u7de8\u96c6\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u554f\u984c\u304c\u8d77\u304d\u308b\u3002<\/li>\n<li>CDN\u3092\u5c0e\u5165\u5f8c\u306f<strong>SSL\u8a3c\u660e\u66f8\u306e\u8a2d\u5b9a<\/strong>\u3082\u5fd8\u308c\u305a\u306b\u78ba\u8a8d\u3059\u308b\uff08\u6df7\u5728\u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30e9\u30fc\u306b\u6ce8\u610f\uff09\u3002<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u8ffd\u52a0\u65bd\u7b56A: HTTP\/2\u30fbHTTP\/3\u306e\u6709\u52b9\u5316<\/h2>\n\n<p class=\"wp-block-paragraph\">\u30e2\u30c0\u30f3\u306a\u30b5\u30fc\u30d0\u30fc\u74b0\u5883\u3067\u306fHTTP\/2\u4ee5\u4e0a\u304c\u4f7f\u3048\u308b\u304b\u3069\u3046\u304b\u3067\u3001\u8907\u6570\u30ea\u30bd\u30fc\u30b9\u306e\u540c\u6642\u8ee2\u9001\u901f\u5ea6\u304c\u5927\u304d\u304f\u5909\u308f\u308b\u3002\u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067HTTP\/2\u304c\u6709\u52b9\u3060\u304c\u3001\u78ba\u8a8d\u65b9\u6cd5\u3068\u8a2d\u5b9a\u3092\u793a\u3059\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-apache\" data-lang=\".htaccess\uff08HTTP\/2 Server Push\uff09\"><code># curl\u3067HTTP\u30d7\u30ed\u30c8\u30b3\u30eb\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u78ba\u8a8d\ncurl -sI https:\/\/example.com | grep -i \"HTTP\/\"\n# HTTP\/2 200 \u3068\u8868\u793a\u3055\u308c\u308c\u3070OK\n\n# .htaccess\u3067HTTP\/2 Server Push\u3092\u8a2d\u5b9a\uff08Apache 2.4.18\u4ee5\u964d\uff09\n# \u91cd\u8981\u306aCSS\u3092\u5148\u8aad\u307f\u3055\u305b\u308b\u3053\u3068\u3067LCP\u6539\u5584\u306b\u8ca2\u732e\n&lt;IfModule mod_http2.c&gt;\n  H2PushResource \/wp-content\/themes\/swell\/style.css\n  H2PushResource \/wp-content\/themes\/swell\/js\/main.js\n&lt;\/IfModule&gt;\n<\/code><\/pre><\/div>\n\n<p class=\"wp-block-paragraph\">HTTP\/2\u304c\u4f7f\u3048\u306a\u3044\u53e4\u3044\u30b5\u30fc\u30d0\u30fc\u306f\u30ec\u30f3\u30bf\u30eb\u30b5\u30fc\u30d0\u30fc\u3092\u4e57\u308a\u63db\u3048\u308b\u30bf\u30a4\u30df\u30f3\u30b0\u304b\u3082\u3057\u308c\u306a\u3044\u3002HTTP\/2\u5bfe\u5fdc\u306b\u3088\u308a\u3001\u7279\u306b\u753b\u50cf\u30fbCSS\u30fbJS\u304c\u591a\u3044\u30b5\u30a4\u30c8\u3067<strong>\u4e26\u5217\u8ee2\u9001\u306b\u3088\u308b\u30da\u30fc\u30b8\u8868\u793a\u901f\u5ea6\u304c10\u301c30%\u5411\u4e0a<\/strong>\u3059\u308b\u30b1\u30fc\u30b9\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u308b\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u8ffd\u52a0\u65bd\u7b56B: \u30d5\u30a9\u30f3\u30c8\u306e\u6700\u9069\u5316<\/h2>\n\n<p class=\"wp-block-paragraph\">Google Fonts\u306a\u3069\u5916\u90e8\u30d5\u30a9\u30f3\u30c8\u3092\u8aad\u307f\u8fbc\u3080\u3068\u3001\u30d5\u30a9\u30f3\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u53d6\u5f97\u304c\u5b8c\u4e86\u3059\u308b\u307e\u3067\u30c6\u30ad\u30b9\u30c8\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u300cFOIT\uff08Flash of Invisible Text\uff09\u300d\u304c\u767a\u751f\u3059\u308b\u3053\u3068\u304c\u3042\u308b\u3002\u5bfe\u7b56\u3092\u793a\u3059\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"\u30d5\u30a9\u30f3\u30c8\u6700\u9069\u5316\"><code>\/* Google Fonts\u306e\u8aad\u307f\u8fbc\u307f\u3092\u6700\u9069\u5316 *\/\n\/* \u274c \u5f93\u6765\u306e\u65b9\u6cd5\uff08\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u30d6\u30ed\u30c3\u30ad\u30f3\u30b0\uff09 *\/\n\/* &lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP&amp;display=swap\" rel=\"stylesheet\"&gt; *\/\n\n\/* \u2705 font-display: swap \u3092\u660e\u793a\u3057\u3066FOIT\u3092\u9632\u3050 *\/\n@font-face {\n  font-family: 'Noto Sans JP';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap; \/* \u2190 \u30d5\u30a9\u30f3\u30c8\u8aad\u307f\u8fbc\u307f\u4e2d\u306f\u30b7\u30b9\u30c6\u30e0\u30d5\u30a9\u30f3\u30c8\u3067\u8868\u793a *\/\n  src: url('\/fonts\/NotoSansJP-Regular.woff2') format('woff2');\n}\n\n\/* HTML\u306e&lt;head&gt;\u3067preload\u3059\u308b\uff08functions.php\u304b\u3089\u51fa\u529b\uff09 *\/\n\/*\n&lt;link rel=\"preload\"\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP&amp;display=swap\"\n  as=\"style\"\n  onload=\"this.onload=null;this.rel='stylesheet'\"&gt;\n*\/\n<\/code><\/pre><\/div>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"functions.php\uff08\u30d5\u30a9\u30f3\u30c8preload\uff09\"><code>&lt;?php\n\/\/ functions.php \u3067Google Fonts\u3092preload\u3059\u308b\nadd_action('wp_head', function() {\n    ?&gt;\n    &lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"&gt;\n    &lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin&gt;\n    &lt;link rel=\"preload\" as=\"style\"\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap\"\n      onload=\"this.onload=null;this.rel='stylesheet'\"&gt;\n    &lt;noscript&gt;\n      &lt;link rel=\"stylesheet\"\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap\"&gt;\n    &lt;\/noscript&gt;\n    &lt;?php\n}, 1);\n<\/code><\/pre><\/div>\n\n<h2 class=\"wp-block-heading\">\u8ffd\u52a0\u65bd\u7b56C: Core Web Vitals \u5225\u306e\u5bfe\u51e6\u6cd5<\/h2>\n\n<p class=\"wp-block-paragraph\">PageSpeed\u30b9\u30b3\u30a2\u3060\u3051\u3067\u306a\u304f\u3001Core Web Vitals\u306e\u5404\u6307\u6a19\u306b\u5fdc\u3058\u305f\u5bfe\u7b56\u3092\u6574\u7406\u3059\u308b\u3002<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>\u610f\u5473<\/th><th>\u76ee\u6a19\u5024<\/th><th>\u4e3b\u306a\u6539\u5584\u7b56<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>LCP\uff08\u6700\u5927\u30b3\u30f3\u30c6\u30f3\u30c4\u63cf\u753b\uff09<\/td><td>\u6700\u3082\u5927\u304d\u3044\u753b\u50cf\u307e\u305f\u306f\u30c6\u30ad\u30b9\u30c8\u304c\u8868\u793a\u3055\u308c\u308b\u307e\u3067\u306e\u6642\u9593<\/td><td>2.5\u79d2\u4ee5\u5185<\/td><td>\u753b\u50cf\u6700\u9069\u5316\u30fb\u30ad\u30e3\u30c3\u30b7\u30e5\u30fbCDN<\/td><\/tr>\n<tr><td>INP\uff08\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3078\u306e\u5fdc\u7b54\uff09<\/td><td>\u30af\u30ea\u30c3\u30af\u7b49\u306e\u64cd\u4f5c\u304b\u3089\u5fdc\u7b54\u307e\u3067\u306e\u6642\u9593<\/td><td>200ms\u4ee5\u5185<\/td><td>JS\u524a\u6e1b\u30fbTBT\u6539\u5584<\/td><\/tr>\n<tr><td>CLS\uff08\u30ec\u30a4\u30a2\u30a6\u30c8\u30b7\u30d5\u30c8\uff09<\/td><td>\u8aad\u307f\u8fbc\u307f\u4e2d\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u52d5\u304f\u91cf<\/td><td>0.1\u4ee5\u4e0b<\/td><td>\u753b\u50cf\u30b5\u30a4\u30ba\u660e\u793a\u30fb\u5e83\u544a\u306e\u9ad8\u3055\u78ba\u4fdd<\/td><\/tr>\n<tr><td>TTFB\uff08\u6700\u521d\u306e\u30d0\u30a4\u30c8\u5230\u9054\u6642\u9593\uff09<\/td><td>\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u6700\u521d\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u5c4a\u304f\u307e\u3067\u306e\u6642\u9593<\/td><td>800ms\u4ee5\u5185<\/td><td>\u30ad\u30e3\u30c3\u30b7\u30e5\u30fb\u30b5\u30fc\u30d0\u30fc\u30b9\u30da\u30c3\u30af\u6539\u5584<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<h3 class=\"wp-block-heading\">CLS\u30920.1\u4ee5\u4e0b\u306b\u6539\u5584\u3059\u308b\uff1a\u753b\u50cf\u30b5\u30a4\u30ba\u306e\u660e\u793a<\/h3>\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u306e<code>width<\/code>\u3068<code>height<\/code>\u5c5e\u6027\u3092\u5fc5\u305a\u6307\u5b9a\u3059\u308b\u3002\u30d6\u30e9\u30a6\u30b6\u304c\u30b9\u30da\u30fc\u30b9\u3092\u4e8b\u524d\u78ba\u4fdd\u3059\u308b\u305f\u3081\u3001\u753b\u50cf\u8aad\u307f\u8fbc\u307f\u5f8c\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u30ba\u30ec\u306a\u304f\u306a\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"CLS\u5bfe\u7b56\uff08\u753b\u50cf\u30b5\u30a4\u30ba\u660e\u793a\uff09\"><code>&lt;!-- \u274c width\/height\u306a\u3057\uff08CLS\u306e\u539f\u56e0\uff09 --&gt;\n&lt;img src=\"hero.jpg\" alt=\"\u30d2\u30fc\u30ed\u30fc\u753b\u50cf\"&gt;\n\n&lt;!-- \u2705 width\/height\u3092\u660e\u793a\uff08\u30d6\u30e9\u30a6\u30b6\u304c\u30b9\u30da\u30fc\u30b9\u3092\u4e8b\u524d\u78ba\u4fdd\uff09 --&gt;\n&lt;img src=\"hero.jpg\" alt=\"\u30d2\u30fc\u30ed\u30fc\u753b\u50cf\" width=\"1200\" height=\"600\"&gt;\n\n&lt;!-- \u2705 CSS\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306b\u3057\u306a\u304c\u3089\u3082\u6bd4\u7387\u3092\u7dad\u6301 --&gt;\n&lt;style&gt;\n  img { max-width: 100%; height: auto; }\n&lt;\/style&gt;\n\n&lt;!-- \u2705 aspect-ratio \u3092\u4f7f\u3046\u65b9\u6cd5\uff08CSS\u306e\u307f\uff09 --&gt;\n&lt;style&gt;\n  .hero-img {\n    width: 100%;\n    aspect-ratio: 2 \/ 1; \/* 2:1\u306e\u6bd4\u7387\u3092\u4fdd\u6301 *\/\n    object-fit: cover;\n  }\n&lt;\/style&gt;\n&lt;img src=\"hero.jpg\" alt=\"\u30d2\u30fc\u30ed\u30fc\u753b\u50cf\" class=\"hero-img\"&gt;\n<\/code><\/pre><\/div>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"functions.php\uff08width\/height\u81ea\u52d5\u4ed8\u4e0e\uff09\"><code>&lt;?php\n\/\/ WordPress: \u753b\u50cf\u306bwidth\/height\u3092\u81ea\u52d5\u4ed8\u4e0e\uff085.5\u4ee5\u964d\u306f\u6a19\u6e96\uff09\n\/\/ \u53e4\u3044\u74b0\u5883\u5411\u3051\u306b\u660e\u793a\u7684\u306b\u6709\u52b9\u5316\nadd_filter('wp_lazy_loading_enabled', '__return_true');\n\n\/\/ \u30b5\u30e0\u30cd\u30a4\u30eb\u306b\u3082width\/height\u3092\u4ed8\u4e0e\u3059\u308b\u30d5\u30a3\u30eb\u30bf\nadd_filter('wp_get_attachment_image_attributes', function($attr, $attachment) {\n    if (!isset($attr['width']) || !isset($attr['height'])) {\n        $meta = wp_get_attachment_metadata($attachment-&gt;ID);\n        if (!empty($meta['width']) &amp;&amp; !empty($meta['height'])) {\n            $attr['width']  = $meta['width'];\n            $attr['height'] = $meta['height'];\n        }\n    }\n    return $attr;\n}, 10, 2);\n<\/code><\/pre><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u8ffd\u52a0\u65bd\u7b56: PHP\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9<\/h2>\n\n<p class=\"wp-block-paragraph\">\u898b\u843d\u3068\u3055\u308c\u304c\u3061\u3060\u304c\u3001<strong><span class=\"swl-marker mark_yellow\">PHP 8.2\u301c8.3\u3078\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9<\/span><\/strong>\u3060\u3051\u3067WordPress\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5927\u5e45\u306b\u5411\u4e0a\u3059\u308b\u3002PHP 8.x\u306fJIT\u30b3\u30f3\u30d1\u30a4\u30e9\u304c\u8ffd\u52a0\u3055\u308c\u3001PHP 7.4\u3068\u6bd4\u3079\u3066\u6700\u592740%\u4ee5\u4e0a\u9ad8\u901f\u5316\u3055\u308c\u308b\u30b1\u30fc\u30b9\u304c\u3042\u308b\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-ini\" data-lang=\"php.ini\uff08JIT\u8a2d\u5b9a\uff09\"><code>\/\/ PHP \u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\uff08wp-config.php \u3084 info.php \u3067\u78ba\u8a8d\uff09\n\/\/ \u7ba1\u7406\u753b\u9762 \u2192 \u30c4\u30fc\u30eb \u2192 \u30b5\u30a4\u30c8\u30d8\u30eb\u30b9\u3067\u3082\u78ba\u8a8d\u53ef\u80fd\n\n\/\/ PHP 8.2\u306eJIT\u8a2d\u5b9a\u3092\u6709\u52b9\u5316\u3057\u305f\u3044\u5834\u5408\uff08php.ini\uff09\nopcache.enable=1\nopcache.jit_buffer_size=256M\nopcache.jit=1235\n\n\/\/ \u203b \u5171\u6709\u30ec\u30f3\u30bf\u30eb\u30b5\u30fc\u30d0\u30fc\u3067\u306fphp.ini\u306e\u5909\u66f4\u304c\u5236\u9650\u3055\u308c\u308b\u5834\u5408\u304c\u3042\u308b\n\/\/   \u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc\u306f\u30b5\u30fc\u30d0\u30fc\u30d1\u30cd\u30eb\u304b\u3089PHP\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u5909\u66f4\u53ef\u80fd\n<\/code><\/pre><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">WP-CLI \u3092\u4f7f\u3063\u305f\u81ea\u52d5\u5316\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong><span class=\"swl-marker mark_yellow\">WP-CLI\uff08WordPress Command Line Interface\uff09<\/span><\/strong>\u3092\u4f7f\u3048\u3070\u3001\u5b9a\u671f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3092\u30b3\u30de\u30f3\u30c9\u4e00\u767a\u3067\u81ea\u52d5\u5316\u3067\u304d\u308b\u3002\u5171\u6709\u30ec\u30f3\u30bf\u30eb\u30b5\u30fc\u30d0\u30fc\u3067\u3082SSH\u63a5\u7d9a\u304c\u4f7f\u3048\u308c\u3070\u5229\u7528\u53ef\u80fd\u3060\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-bash\" data-lang=\"WP-CLI \u30b3\u30de\u30f3\u30c9\u96c6\"><code># WP-CLI\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\uff08SSH\u3067\u63a5\u7d9a\u5f8c\uff09\ncurl -O https:\/\/raw.githubusercontent.com\/wp-cli\/builds\/gh-pages\/phar\/wp-cli.phar\nchmod +x wp-cli.phar\nsudo mv wp-cli.phar \/usr\/local\/bin\/wp\n\n# \u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\nwp --version\n\n# \u2500\u2500\u2500 \u901f\u5ea6\u6539\u5584\u306b\u4f7f\u3046\u30b3\u30de\u30f3\u30c9 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n# \u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\uff08W3 Total Cache\uff09\nwp w3-total-cache flush all\n\n# \u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\uff08WP Fastest Cache\uff09\nwp eval 'wpfc_clear_all_cache();'\n\n# \u30ea\u30d3\u30b8\u30e7\u30f3\u3092\u4e00\u62ec\u524a\u9664\nwp post delete $(wp post list --post_type='revision' --format=ids) --force\n\n# \u81ea\u52d5\u4e0b\u66f8\u304d\u3092\u4e00\u62ec\u524a\u9664\nwp post delete $(wp post list --post_status='auto-draft' --format=ids) --force\n\n# \u671f\u9650\u5207\u308c\u30c8\u30e9\u30f3\u30b8\u30a7\u30f3\u30c8\u3092\u524a\u9664\nwp transient delete --expired\n\n# DB\u3092\u6700\u9069\u5316\nwp db optimize\n\n# \u4e0d\u8981\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4e00\u62ec\u7121\u52b9\u5316\nwp plugin deactivate contact-form-7 woocommerce\n\n# \u30d7\u30e9\u30b0\u30a4\u30f3\u30fb\u30c6\u30fc\u30de\u3092\u4e00\u62ec\u66f4\u65b0\nwp plugin update --all\nwp theme update --all\n\n# WordPress\u672c\u4f53\u3092\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\nwp core update\nwp core update-db\n<\/code><\/pre><\/div>\n\n<h3 class=\"wp-block-heading\">cron\u3067\u5b9a\u671f\u7684\u306bDB\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7\u3092\u81ea\u52d5\u5316<\/h3>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-bash\" data-lang=\"cron\u81ea\u52d5\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\"><code># crontab\u306b\u8ffd\u52a0\uff08\u6bce\u9031\u65e5\u66dc1:00\u306b\u5b9f\u884c\uff09\n0 1 * * 0 cd \/home\/username\/public_html &amp;&amp; wp transient delete --expired --path=\/home\/username\/public_html --quiet &amp;&amp; wp db optimize --path=\/home\/username\/public_html --quiet\n\n# \u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc\u306ecron\u306f\u30b5\u30fc\u30d0\u30fc\u30d1\u30cd\u30eb\u304b\u3089\u8a2d\u5b9a\n# \u300cCron\u30b8\u30e7\u30d6\u8a2d\u5b9a\u300d\u2192 \u30b3\u30de\u30f3\u30c9\u3092\u8ffd\u52a0\n<\/code><\/pre><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u901f\u5ea6\u6539\u5584\u306e\u8a08\u6e2c\u30c4\u30fc\u30eb\u5b8c\u5168\u30ac\u30a4\u30c9<\/h2>\n\n<p class=\"wp-block-paragraph\">\u30c4\u30fc\u30eb\u306b\u3088\u3063\u3066\u8a08\u6e2c\u7d50\u679c\u304c\u7570\u306a\u308b\u3053\u3068\u304c\u3042\u308b\u3002\u5404\u30c4\u30fc\u30eb\u306e\u7279\u6027\u3068\u4f7f\u3044\u65b9\u3092\u6574\u7406\u3059\u308b\u3002<\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u30c4\u30fc\u30eb<\/th><th>\u7279\u5fb4<\/th><th>\u304a\u3059\u3059\u3081\u306e\u4f7f\u3044\u65b9<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>PageSpeed Insights<\/td><td>Google\u306eCrUX\u5b9f\u30c7\u30fc\u30bf\u3068\u8a08\u6e2c\u5024\u306e\u4e21\u65b9\u3092\u8868\u793a\u3002SEO\u3078\u306e\u5f71\u97ff\u3092\u76f4\u63a5\u78ba\u8a8d<\/td><td>\u65bd\u7b56\u524d\u5f8c\u306e\u5909\u5316\u3092\u8ffd\u3046\u4e3b\u8981\u6307\u6a19\u3068\u3057\u3066\u4f7f\u3046<\/td><\/tr>\n<tr><td>GTmetrix<\/td><td>\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb\u30c1\u30e3\u30fc\u30c8\u3067\u91cd\u3044\u30ea\u30bd\u30fc\u30b9\u3092\u7279\u5b9a\u3057\u3084\u3059\u3044<\/td><td>\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u7279\u5b9a\u3059\u308b\u969b\u306b\u4f7f\u3046<\/td><\/tr>\n<tr><td>WebPageTest<\/td><td>\u8907\u6570\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u30fb\u8907\u6570\u56de\u8a08\u6e2c\u304c\u53ef\u80fd\u3002\u7d30\u304b\u3044\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u5411\u3051<\/td><td>\u6700\u7d42\u78ba\u8a8d\u30fb\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u5225\u691c\u8a3c\u306b\u4f7f\u3046<\/td><\/tr>\n<tr><td>Chrome DevTools<\/td><td>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u8a73\u7d30\u306a\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\u3092\u53d6\u5f97<\/td><td>\u958b\u767a\u4e2d\u306e\u30c7\u30d0\u30c3\u30b0\u306b\u4f7f\u3046<\/td><\/tr>\n<tr><td>Lighthouse\uff08CLI\uff09<\/td><td>CI\/CD\u306b\u7d44\u307f\u8fbc\u3093\u3067\u30c7\u30d7\u30ed\u30a4\u524d\u306b\u81ea\u52d5\u30c1\u30a7\u30c3\u30af<\/td><td>\u7d99\u7d9a\u7684\u306a\u54c1\u8cea\u7ba1\u7406\u306b\u7d44\u307f\u8fbc\u3080<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<h3 class=\"wp-block-heading\">Google Search Console \u306eCore Web Vitals \u30ec\u30dd\u30fc\u30c8<\/h3>\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights\u306e\u8a08\u6e2c\u306f\u300c\u305d\u306e\u77ac\u9593\u306e\u5024\u300d\u3060\u304c\u3001<strong>Google Search Console\uff08GSC\uff09\u306eCore Web Vitals\u30ec\u30dd\u30fc\u30c8\u306f\u904e\u53bb28\u65e5\u9593\u306e\u5b9f\u30e6\u30fc\u30b6\u30fc\u30c7\u30fc\u30bf\uff08CrUX\uff09<\/strong>\u3092\u8868\u793a\u3059\u308b\u3002SEO\u3078\u306e\u5f71\u97ff\u306f\u3053\u3061\u3089\u306e\u5b9f\u30c7\u30fc\u30bf\u3067\u8a55\u4fa1\u3055\u308c\u308b\u305f\u3081\u3001PageSpeed\u30b9\u30b3\u30a2\u304c\u9ad8\u304f\u3066\u3082GSC\u304c\u300c\u4f4e\u901f\u300d\u3068\u5224\u5b9a\u3059\u308b\u5834\u5408\u306f\u672c\u8cea\u7684\u306a\u6539\u5584\u304c\u5fc5\u8981\u3060\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-yaml\" data-lang=\"GitHub Actions + Lighthouse CI\"><code># Lighthouse CLI\u3092CI\/CD\u306b\u7d44\u307f\u8fbc\u3080\u4f8b\uff08GitHub Actions\uff09\n# .github\/workflows\/lighthouse.yml\n\n# name: Lighthouse CI\n# on: [push]\n# jobs:\n#   lighthouse:\n#     runs-on: ubuntu-latest\n#     steps:\n#       - uses: actions\/checkout@v4\n#       - name: Run Lighthouse\n#         uses: treosh\/lighthouse-ci-action@v11\n#         with:\n#           urls: |\n#             https:\/\/yoursite.com\/\n#             https:\/\/yoursite.com\/blog\/\n#           budgetPath: .\/budget.json\n#           uploadArtifacts: true\n\n# budget.json\uff08\u30b9\u30b3\u30a2\u4e0b\u9650\u3092\u8a2d\u5b9a\uff09\n# {\n#   \"performance\": 80,\n#   \"accessibility\": 90,\n#   \"best-practices\": 90,\n#   \"seo\": 90\n# }\n<\/code><\/pre><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n\n<h3 class=\"wp-block-heading\">Q. PageSpeed\u30b9\u30b3\u30a2\u304c\u4f4e\u304f\u3066\u3082\u5b9f\u969b\u306e\u4f53\u611f\u901f\u5ea6\u306f\u901f\u3044\u3001\u3053\u308c\u306fOK\u3067\u3059\u304b\uff1f<\/h3>\n\n<p class=\"wp-block-paragraph\">PageSpeed\u30b9\u30b3\u30a2\u306f\u3042\u304f\u307e\u3067\u6307\u6a19\u306e\u4e00\u3064\u3060\u3002LCP\u30fbFID\u30fbCLS\u306a\u3069\u306eCore Web Vitals\u304c\u826f\u3051\u308c\u3070\u3001\u30b9\u30b3\u30a2\u304c\u591a\u5c11\u4f4e\u304f\u3066\u3082\u554f\u984c\u306a\u3044\u3002\u305f\u3060\u3057\u3001<strong>SEO\u3078\u306e\u5f71\u97ff\u306fPageSpeed\u30b9\u30b3\u30a2\u3088\u308a\u3082Core Web Vitals<\/strong>\u306e\u5b9f\u6e2c\u5024\u3067\u8a55\u4fa1\u3055\u308c\u308b\u305f\u3081\u3001LCP\u30922.5\u79d2\u4ee5\u5185\u306b\u53ce\u3081\u308b\u3053\u3068\u3092\u6700\u512a\u5148\u306b\u3057\u3088\u3046\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">Q. \u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5165\u308c\u305f\u3089\u66f4\u65b0\u304c\u53cd\u6620\u3055\u308c\u307e\u305b\u3093\u3002<\/h3>\n\n<p class=\"wp-block-paragraph\">\u66f4\u65b0\u5f8c\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002W3 Total Cache\u3084WP Fastest Cache\u306b\u306f\u300c\u30ad\u30e3\u30c3\u30b7\u30e5\u30af\u30ea\u30a2\u300d\u30dc\u30bf\u30f3\u304c\u7ba1\u7406\u753b\u9762\u306b\u3042\u308b\u3002\u307e\u305f\u3001\u6295\u7a3f\u66f4\u65b0\u6642\u306b\u81ea\u52d5\u30af\u30ea\u30a2\u3059\u308b\u3088\u3046\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">Q. SWELL\u30c6\u30fc\u30de\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u5c02\u7528\u306e\u901f\u5ea6\u8a2d\u5b9a\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/h3>\n\n<p class=\"wp-block-paragraph\">SWELL\u306b\u306f\u6a19\u6e96\u3067CSS\/JS\u306e\u6700\u9069\u5316\u6a5f\u80fd\uff08\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 \u2192 \u9ad8\u901f\u5316\u8a2d\u5b9a\uff09\u304c\u3042\u308b\u3002\u307e\u305aSWELL\u6a19\u6e96\u306e\u8a2d\u5b9a\u3092\u6d3b\u7528\u3057\u3066\u304b\u3089\u3001\u8ffd\u52a0\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u691c\u8a0e\u3059\u308b\u306e\u304c\u9806\u5e8f\u3060\u3002W3 Total Cache\u3088\u308aWP Fastest Cache\u306e\u307b\u3046\u304c\u7af6\u5408\u3057\u306b\u304f\u3044\u50be\u5411\u304c\u3042\u308b\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">Q. \u753b\u50cf\u3092WebP\u306b\u5909\u63db\u3057\u305f\u3089\u53e4\u3044\u30d6\u30e9\u30a6\u30b6\u3067\u898b\u3048\u306a\u304f\u306a\u308a\u307e\u3057\u305f\u3002<\/h3>\n\n<p class=\"wp-block-paragraph\">WebP\u306fEdge 18\u30fbChrome 32\u4ee5\u964d\u307b\u307c\u5168\u30d6\u30e9\u30a6\u30b6\u304c\u5bfe\u5fdc\u3057\u3066\u3044\u308b\uff082026\u5e74\u73fe\u5728\uff09\u3002\u30b5\u30dd\u30fc\u30c8\u304c\u5fc3\u914d\u306a\u5834\u5408\u306f<code>&lt;picture&gt;<\/code>\u8981\u7d20\u3067fallback\u3092\u8a2d\u5b9a\u3059\u308b\u304b\u3001ShortPixel\u306a\u3069\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u81ea\u52d5\u7684\u306b\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u5bfe\u5fdc\u3057\u3066\u304f\u308c\u308b\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">Q. CDN\u3068\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u4e21\u65b9\u4f7f\u3063\u3066\u3044\u3044\u3067\u3059\u304b\uff1f<\/h3>\n\n<p class=\"wp-block-paragraph\">\u306f\u3044\u3001\u5f79\u5272\u304c\u7570\u306a\u308b\u305f\u3081\u4f75\u7528\u3067\u304d\u308b\u3002\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\uff08PHP\u3068DB\u306e\u547c\u3073\u51fa\u3057\u3092\u524a\u6e1b\uff09\u3001CDN\u306f\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30ec\u30d9\u30eb\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\uff08\u5730\u7406\u7684\u306b\u8fd1\u3044\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u914d\u4fe1\uff09\u3060\u3002\u305f\u3060\u3057\u8a2d\u5b9a\u304c\u91cd\u8907\u3059\u308b\u90e8\u5206\uff08\u30df\u30cb\u30d5\u30a1\u30a4\u7b49\uff09\u306f\u3069\u3061\u3089\u304b\u4e00\u65b9\u3067\u884c\u3046\u3088\u3046\u306b\u3057\u3088\u3046\u3002<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n<p class=\"is-style-big_icon_point wp-block-paragraph\"><strong>5\u65bd\u7b56\u306e\u5408\u8a08\u3067\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a234\u219281\u70b9\u3001LCP5.8\u79d2\u21921.9\u79d2\u306b\u6539\u5584<br \/>\u307e\u305a\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\uff0b\u753b\u50cf\u6700\u9069\u5316\u306e2\u65bd\u7b56\u3060\u3051\u3067\u3082\u5927\u304d\u304f\u5909\u308f\u308b<br \/>\u65bd\u7b56\u524d\u5f8c\u306b\u5fc5\u305aPageSpeed\u3067\u8a08\u6e2c\u3057\u3066\u52b9\u679c\u3092\u6570\u5024\u3067\u78ba\u8a8d\u305b\u3088<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\"><strong><span class=\"swl-marker mark_yellow\">WordPress\u306e\u901f\u5ea6\u6539\u5584\u306f\u300c\u8a08\u6e2c\u2192\u6539\u5584\u2192\u518d\u8a08\u6e2c\u300d\u306e\u30b5\u30a4\u30af\u30eb\u3092\u56de\u3059\u3053\u3068\u304c\u5927\u5207\u3060\u3002\u3044\u304d\u306a\u308a\u5168\u65bd\u7b56\u3092\u5165\u308c\u308b\u306e\u3067\u306f\u306a\u304f\u30011\u65bd\u7b56\u305a\u3064\u52b9\u679c\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u9032\u3081\u3088\u3046\u3002<\/span><\/strong><\/p>\n\n<figure class=\"wp-block-table\"><table>\n<thead><tr><th>\u6307\u6a19<\/th><th>\u5b9f\u7e3e<\/th><th>\u8abf\u67fb\u5bfe\u8c61\u30fb\u671f\u9593<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>\u6848\u4ef6\u7372\u5f97\u7387<\/td><td>97.9%<\/td><td>\u53d7\u8b1b\u751f\u30a2\u30f3\u30b1\u30fc\u30c8\uff0f2025\u5e741\u6708\u301c12\u6708<\/td><\/tr>\n<tr><td>\u53d7\u8b1b\u6599\u91d1\u5b8c\u6e08\u7387<\/td><td>84.7%<\/td><td>\u53d7\u8b1b\u751f\u30a2\u30f3\u30b1\u30fc\u30c8\uff0f2025\u5e746\u6708\u301c12\u6708<\/td><\/tr>\n<tr><td>\u904b\u55b6\u4f53\u5236<\/td><td>Web\u5236\u4f5c\u4f1a\u793e\u304c\u76f4\u63a5\u904b\u55b6<\/td><td>\u73fe\u5f79\u5236\u4f5c\u4f1a\u793e\u304c\u76f4\u63a5\u6307\u5c0e<\/td><\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n<p class=\"wp-block-paragraph\"><small>\u203b\u53d7\u8b1b\u751f\u30a2\u30f3\u30b1\u30fc\u30c8\u306b\u57fa\u3065\u304f\u81ea\u793e\u8abf\u67fb\u7d50\u679c\uff082025\u5e741\u6708\u301c2025\u5e7412\u6708\u5b9f\u65bd\uff09<br>\u203b\u53d7\u8b1b\u751f\u30a2\u30f3\u30b1\u30fc\u30c8\u306b\u57fa\u3065\u304f\u81ea\u793e\u8abf\u67fb\u7d50\u679c\uff082025\u5e746\u6708\u301c2025\u5e7412\u6708\u5b9f\u65bd\uff09<\/small><\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- withmedia-related -->\n<h2 class=\"wp-block-heading\">\u95a2\u9023\u8a18\u4e8b<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/withcode.tech\/media\/mixed-content-fix\/\">\u300cMixed Content\u300d\u8b66\u544a\u306e\u76f4\u3057\u65b9\uff5chttps\u3067\u753b\u50cf\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u6642\u306e\u5bfe\u51e6\u5b8c\u5168\u30ac\u30a4\u30c9<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/wordpress-white-screen-fix\/\">WordPress\u304c\u771f\u3063\u767d\u3067\u8868\u793a\u3055\u308c\u306a\u3044\u539f\u56e0\u3068\u5bfe\u51e6\u6cd5\uff5c\u767d\u3044\u753b\u9762\u3092\u6700\u77ed\u3067\u76f4\u3059\u624b\u9806<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/wordpress-discord-integration\/\">WordPress\u3068Discord\u3092\u9023\u643a\u3055\u305b\u308b\u306b\u306f\uff1f\u52b9\u679c\u7684\u306a\u7d71\u5408\u65b9\u6cd5\u3092\u89e3\u8aac<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/wordpress-custom-post-type\/\">WordPress\u306e\u30ab\u30b9\u30bf\u30e0\u6295\u7a3f\u3068\u306f\uff1f\u30d7\u30e9\u30b0\u30a4\u30f3\u300cCustom Post Type UI\u300d\u3067\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u3092\u5fb9\u5e95\u89e3\u8aac\uff01<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/wordpress-profile\/\">WordPress \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u767b\u9332\u6a5f\u80fd\u306e\u5b9f\u88c5\u65b9\u6cd5\uff5c\u30b3\u30fc\u30c9\u4f8b\u4ed8\u304d\u5b8c\u5168\u30ac\u30a4\u30c9<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">WithCode\u3092\u4f53\u9a13\u3067\u304d\u308b\u521d\u7d1a\u30b3\u30fc\u30b9\u516c\u958b\u4e2d\uff01<\/h2>\n\n<figure class=\"wp-block-image alignleft size-full\"><img decoding=\"async\" width=\"600\" height=\"500\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2024\/04\/\u30d0\u30ca\u30fc_300\u00d7250_20240425.png\" alt=\"\" class=\"wp-image-2650\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\">\u521d\u7d1a\u30b3\u30fc\u30b9(\u00a549,800)\u304c\u5b8c\u5168\u7121\u6599\u306b\uff01<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u671f\u9593\uff1a1\u9031\u9593<\/strong><\/li>\n<li><strong>\u5b66\u7fd2\u5185\u5bb9\uff1a<\/strong><br><strong>\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\/\u57fa\u790e\u77e5\u8b58\/\u74b0\u5883\u69cb\u7bc9\/HTML\/CSS\/LP\u30fb\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u4f5c\u6210<\/strong><br><strong>\u2192 <span class=\"swl-marker mark_yellow\">\u6b63\u3057\u3044\u5b66\u7fd2\u65b9\u6cd5\u3067\u300c\u78ba\u304b\u306a\u6210\u9577\u300d\u3092\u5b9f\u611f\u3067\u304d\u308b\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3002<\/span><\/strong><\/li>\n<\/ul>\n\n<p>\u526f\u696d\u30fb\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u304c\u4e3b\u6d41\u306b\u306a\u3063\u3066\u3044\u308b\u4eca\u3053\u305d\u3001\u81ea\u3089\u306e\u30b9\u30ad\u30eb\u3067\u7a3c\u3052\u308b\u4eba\u6750\u3092\u76ee\u6307\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/p>\n\n<p>\u672a\u7d4c\u9a13\u3067\u3082\u5fc3\u914d\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u521d\u7d1a\u30b3\u30fc\u30b9\u3092\u53d7\u8b1b\u3055\u308c\u308b\u65b9\u306e\u5927\u591a\u6570\u306f\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u672a\u7d4c\u9a13\u3067\u3059\u3002\u307e\u305a\u306f\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3067\u3001\u60a9\u307f\u3084\u4e0d\u5b89\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\uff01<\/p>\n\n<div class=\"wp-block-buttons\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/withcode.tech\/reservation\/\" style=\"background-color:#ffbf00\"><strong>\u516c\u5f0f\u30b5\u30a4\u30c8\u304b\u3089\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306b\u7533\u3057\u8fbc\u3080 \u2192<\/strong><\/a><\/div><\/div>\n\n\n<!-- withmedia-faq-schema -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"PageSpeed\u30b9\u30b3\u30a2\u304c\u4f4e\u304f\u3066\u3082\u5b9f\u969b\u306e\u4f53\u611f\u901f\u5ea6\u306f\u901f\u3044\u3001\u3053\u308c\u306fOK\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"PageSpeed\u30b9\u30b3\u30a2\u306f\u3042\u304f\u307e\u3067\u6307\u6a19\u306e\u4e00\u3064\u3060\u3002LCP\u30fbFID\u30fbCLS\u306a\u3069\u306eCore Web Vitals\u304c\u826f\u3051\u308c\u3070\u3001\u30b9\u30b3\u30a2\u304c\u591a\u5c11\u4f4e\u304f\u3066\u3082\u554f\u984c\u306a\u3044\u3002\u305f\u3060\u3057\u3001SEO\u3078\u306e\u5f71\u97ff\u306fPageSpeed\u30b9\u30b3\u30a2\u3088\u308a\u3082Core Web Vitals\u306e\u5b9f\u6e2c\u5024\u3067\u8a55\u4fa1\u3055\u308c\u308b\u305f\u3081\u3001LCP\u30922.5\u79d2\u4ee5\u5185\u306b\u53ce\u3081\u308b\u3053\u3068\u3092\u6700\u512a\u5148\u306b\u3057\u3088\u3046\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5165\u308c\u305f\u3089\u66f4\u65b0\u304c\u53cd\u6620\u3055\u308c\u307e\u305b\u3093\u3002\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u66f4\u65b0\u5f8c\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3002W3 Total Cache\u3084WP Fastest Cache\u306b\u306f\u300c\u30ad\u30e3\u30c3\u30b7\u30e5\u30af\u30ea\u30a2\u300d\u30dc\u30bf\u30f3\u304c\u7ba1\u7406\u753b\u9762\u306b\u3042\u308b\u3002\u307e\u305f\u3001\u6295\u7a3f\u66f4\u65b0\u6642\u306b\u81ea\u52d5\u30af\u30ea\u30a2\u3059\u308b\u3088\u3046\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"SWELL\u30c6\u30fc\u30de\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u5c02\u7528\u306e\u901f\u5ea6\u8a2d\u5b9a\u306f\u3042\u308a\u307e\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"SWELL\u306b\u306f\u6a19\u6e96\u3067CSS\/JS\u306e\u6700\u9069\u5316\u6a5f\u80fd\uff08\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 \u2192 \u9ad8\u901f\u5316\u8a2d\u5b9a\uff09\u304c\u3042\u308b\u3002\u307e\u305aSWELL\u6a19\u6e96\u306e\u8a2d\u5b9a\u3092\u6d3b\u7528\u3057\u3066\u304b\u3089\u3001\u8ffd\u52a0\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u691c\u8a0e\u3059\u308b\u306e\u304c\u9806\u5e8f\u3060\u3002W3 Total Cache\u3088\u308aWP Fastest Cache\u306e\u307b\u3046\u304c\u7af6\u5408\u3057\u306b\u304f\u3044\u50be\u5411\u304c\u3042\u308b\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u753b\u50cf\u3092WebP\u306b\u5909\u63db\u3057\u305f\u3089\u53e4\u3044\u30d6\u30e9\u30a6\u30b6\u3067\u898b\u3048\u306a\u304f\u306a\u308a\u307e\u3057\u305f\u3002\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"WebP\u306fEdge 18\u30fbChrome 32\u4ee5\u964d\u307b\u307c\u5168\u30d6\u30e9\u30a6\u30b6\u304c\u5bfe\u5fdc\u3057\u3066\u3044\u308b\uff082026\u5e74\u73fe\u5728\uff09\u3002\u30b5\u30dd\u30fc\u30c8\u304c\u5fc3\u914d\u306a\u5834\u5408\u306f<picture>\u8981\u7d20\u3067fallback\u3092\u8a2d\u5b9a\u3059\u308b\u304b\u3001ShortPixel\u306a\u3069\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u81ea\u52d5\u7684\u306b\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u5bfe\u5fdc\u3057\u3066\u304f\u308c\u308b\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"CDN\u3068\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u4e21\u65b9\u4f7f\u3063\u3066\u3044\u3044\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u306f\u3044\u3001\u5f79\u5272\u304c\u7570\u306a\u308b\u305f\u3081\u4f75\u7528\u3067\u304d\u308b\u3002\u30ad\u30e3\u30c3\u30b7\u30e5\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\uff08PHP\u3068DB\u306e\u547c\u3073\u51fa\u3057\u3092\u524a\u6e1b\uff09\u3001CDN\u306f\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30ec\u30d9\u30eb\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\uff08\u5730\u7406\u7684\u306b\u8fd1\u3044\u30b5\u30fc\u30d0\u30fc\u304b\u3089\u914d\u4fe1\uff09\u3060\u3002\u305f\u3060\u3057\u8a2d\u5b9a\u304c\u91cd\u8907\u3059\u308b\u90e8\u5206\uff08\u30df\u30cb\u30d5\u30a1\u30a4\u7b49\uff09\u306f\u3069\u3061\u3089\u304b\u4e00\u65b9\u3067\u884c\u3046\u3088\u3046\u306b\u3057\u3088\u3046\u3002\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n\n<!-- withmedia-article-schema -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Organization\",\n      \"@id\": \"https:\/\/withcode.tech\/media\/#organization\",\n      \"name\": \"WithCode\",\n      \"url\": \"https:\/\/withcode.tech\/\",\n      \"description\": \"\u300c\u76ee\u6307\u3059\u306a\u3089\u7a3c\u3052\u308b\u4eba\u6750\u300d\u3092\u30d3\u30b8\u30e7\u30f3\u306b\u7d2f\u8a08400\u540d\u4ee5\u4e0a\u306e\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u3092\u8f29\u51fa\u3057\u305f\u5b9f\u8df5\u578b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b9\u30af\u30fc\u30eb\u3002150\u793e\u4ee5\u4e0a\u306e\u5b9f\u6848\u4ef6\u652f\u63f4\u306b\u57fa\u3065\u304dWeb\u5236\u4f5c\u30fbWeb\u30c7\u30b6\u30a4\u30f3\u306e\u60c5\u5831\u3092\u767a\u4fe1\u3002\",\n      \"logo\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2023\/12\/WITHCODE_logo.png\"\n      },\n      \"sameAs\": [\n        \"https:\/\/withcode.tech\/\"\n      ]\n    },\n    {\n      \"@type\": \"WebSite\",\n      \"@id\": \"https:\/\/withcode.tech\/media\/#website\",\n      \"name\": \"WithMedia\",\n      \"url\": \"https:\/\/withcode.tech\/media\/\",\n      \"publisher\": {\n        \"@id\": \"https:\/\/withcode.tech\/media\/#organization\"\n      },\n      \"inLanguage\": \"ja\"\n    },\n    {\n      \"@id\": \"https:\/\/withcode.tech\/media\/author\/tanaka_editor\/#author\",\n      \"name\": \"\u7530\u4e2d\u8aa0\",\n      \"url\": \"https:\/\/withcode.tech\/media\/author\/tanaka_editor\/\",\n      \"description\": \"WithCode\u3067Web\u5236\u4f5c\u3092\u7fd2\u5f97\u5f8c\u3001\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u30a8\u30f3\u30b8\u30cb\u30a2\u3068\u3057\u3066\u6d3b\u52d5\u3002HTML\/CSS\u30fbJavaScript\u30fbWordPress\u6848\u4ef6\u3092\u4e2d\u5fc3\u306b\u5e74\u959320\u4ef6\u4ee5\u4e0a\u306e\u5236\u4f5c\u5b9f\u7e3e\u3092\u6301\u3064\u3002\u300c\u96e3\u3057\u3044\u6280\u8853\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u300d\u3092\u30e2\u30c3\u30c8\u30fc\u306b\u3001\u521d\u5fc3\u8005\u301c\u4e2d\u7d1a\u8005\u5411\u3051\u306e\u6280\u8853\u8a18\u4e8b\u3092\u57f7\u7b46\u3002\u526f\u696d\u30fb\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u72ec\u7acb\u3092\u76ee\u6307\u3059\u65b9\u306b\u5411\u3051\u305f\u60c5\u5831\u767a\u4fe1\u306b\u6ce8\u529b\u3057\u3066\u3044\u308b\u3002\",\n      \"worksFor\": {\n        \"@id\": \"https:\/\/withcode.tech\/media\/#organization\"\n      },\n      \"@type\": \"Person\",\n      \"jobTitle\": \"\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u30a8\u30f3\u30b8\u30cb\u30a2\",\n      \"knowsAbout\": [\n        \"HTML\",\n        \"CSS\",\n        \"JavaScript\",\n        \"WordPress\",\n        \"Web\u5236\u4f5c\",\n        \"\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\"\n      ]\n    },\n    {\n      \"@type\": \"BlogPosting\",\n      \"@id\": \"https:\/\/withcode.tech\/media\/wordpress-speed-optimization-plugins\/#article\",\n      \"headline\": \"WordPress\u8868\u793a\u901f\u5ea6\u3092\u5b9f\u6e2c\u6539\u5584\uff5c\u30d7\u30e9\u30b0\u30a4\u30f35\u500b\u3067\u4f55\u79d2\u7e2e\u307e\u308b\u304b\u691c\u8a3c\u3057\u305f\",\n      \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\/\/withcode.tech\/media\/wordpress-speed-optimization-plugins\/\"\n      },\n      \"datePublished\": \"2026-07-10T12:07:53Z\",\n      \"dateModified\": \"2026-07-10T12:17:20Z\",\n      \"author\": {\n        \"@id\": \"https:\/\/withcode.tech\/media\/author\/tanaka_editor\/#author\"\n      },\n      \"publisher\": {\n        \"@id\": \"https:\/\/withcode.tech\/media\/#organization\"\n      },\n      \"isPartOf\": {\n        \"@id\": \"https:\/\/withcode.tech\/media\/#website\"\n      },\n      \"inLanguage\": \"ja\",\n      \"description\": \"PageSpeed Insights\u3068GTmetrix\u3092\u4f7f\u3044\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u30fbWebP\u5909\u63db\u30fbCSS\/JS\u524a\u6e1b\u30fbDB\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7\u30fbCDN\u306e5\u65bd\u7b56\u30921\u3064\u305a\u3064\u8a08\u6e2c\u3002\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a234\u219281\u70b9\u3001LCP5.8\u79d2\u21921.9\u79d2\u3078\u306e\u6539\u5584\u904e\u7a0b\u3092Before\/After\u8868\u3064\u304d\u3067\u89e3\u8aac\u3059\u308b\u3002\",\n      \"image\": \"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/07\/eyecatch-1783683688.jpg\"\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/withcode.tech\/media\/wordpress-speed-optimization-plugins\/#breadcrumb\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"name\": \"\u30db\u30fc\u30e0\",\n          \"item\": \"https:\/\/withcode.tech\/media\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"name\": \"\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\",\n          \"item\": \"https:\/\/withcode.tech\/media\/programming\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"name\": \"WordPress\",\n          \"item\": \"https:\/\/withcode.tech\/media\/category\/programming\/wordpress\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"name\": \"WordPress\u8868\u793a\u901f\u5ea6\u3092\u5b9f\u6e2c\u6539\u5584\uff5c\u30d7\u30e9\u30b0\u30a4\u30f35\u500b\u3067\u4f55\u79d2\u7e2e\u307e\u308b\u304b\u691c\u8a3c\u3057\u305f\",\n          \"item\": \"https:\/\/withcode.tech\/media\/wordpress-speed-optimization-plugins\/\"\n        }\n      ]\n    }\n  ]\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>PageSpeed Insights\u3068GTmetrix\u3092\u4f7f\u3044\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u30fbWebP\u5909\u63db\u30fbCSS\/JS\u524a\u6e1b\u30fbDB\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7\u30fbCDN\u306e5\u65bd\u7b56\u30921\u3064\u305a\u3064\u8a08\u6e2c\u3002\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a234\u219281\u70b9\u3001LCP5.8\u79d2\u21921.9\u79d2\u3078\u306e\u6539\u5584\u904e\u7a0b\u3092Before\/After\u8868\u3064\u304d\u3067\u89e3\u8aac\u3059\u308b\u3002<\/p>\n","protected":false},"author":18,"featured_media":16717,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":"","vk-ltc-link":"","vk-ltc-target":""},"categories":[360],"tags":[],"class_list":["post-16630","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/16630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/comments?post=16630"}],"version-history":[{"count":4,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/16630\/revisions"}],"predecessor-version":[{"id":16690,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/16630\/revisions\/16690"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/media\/16717"}],"wp:attachment":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/media?parent=16630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/categories?post=16630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/tags?post=16630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}