{"id":14414,"date":"2021-03-07T22:04:34","date_gmt":"2021-03-07T13:04:34","guid":{"rendered":"https:\/\/www.cg-method.com\/side-job\/?p=14414"},"modified":"2024-03-07T07:34:16","modified_gmt":"2024-03-06T22:34:16","slug":"wordpress-core-web-vitals","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-core-web-vitals\/","title":{"rendered":"WordPress\u2502\u30b5\u30a4\u30c8\u306e\u9ad8\u901f\u5316\uff08\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\uff09\u306b\u95a2\u3059\u308b\u65bd\u7b56"},"content":{"rendered":"\n<p>2021\u5e745\u6708\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3067CWV\uff08\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\uff09\u304c\u691c\u7d22\u9806\u4f4d\u306b\u5f71\u97ff\u3092\u53d7\u3051\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<br>\u203bWeb Vitals\uff08\u30a6\u30a7\u30d6 \u30d0\u30a4\u30bf\u30eb\uff09\u3068\u3082\u547c\u3070\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">Google for Developers<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/developers.google.com\/static\/search\/blog\/images\/social-share-blog.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\" target=\"_blank\" rel=\"noopener noreferrer\">Timing for bringing page experience to Google Search \u00a0|\u00a0 Google Search Central Blog \u00a0|\u00a0 Google for D&#8230;<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\"><\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<p>\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\u3067\u306f3\u3064\u306e\u6307\u6a19\u304c\u57fa\u6e96\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>CLS\uff08Cumulative Layout Shift\uff09\u203b\u63cf\u753b\u6642\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u305a\u308c<\/li>\n\n\n\n<li>LCP\uff08Largest Contentful Paint\uff09\u203b\u4e00\u756a\u5927\u304d\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u63cf\u753b\u901f\u5ea6<\/li>\n\n\n\n<li>FID\uff08First Input Delay\uff09\u203b\u30e6\u30fc\u30b6\u30fc\u306e\u53cd\u5fdc\u306b\u3069\u306e\u304f\u3089\u3044\u901f\u304f\u5bfe\u5fdc\u3067\u304d\u308b\u304b<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\u306e\u5408\u683c\u57fa\u6e96\u306b\u6e80\u305f\u3057\u3066\u3044\u308b\u304b\uff1f<\/p>\n\n\n\n<p>\u305d\u308c\u306fGoogle\u306ePageSpeed Insights\u3067\u8a08\u6e2c\u3059\u308b\u3068\u308f\u304b\u308a\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external -noimg\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=JA\" target=\"_blank\" rel=\"noopener noreferrer\">PageSpeed Insights<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\"><\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"740\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_19h50_56-812x740.jpg\" alt=\"\" class=\"wp-image-14894\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_19h50_56-812x740.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_19h50_56-382x348.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_19h50_56-768x700.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_19h50_56.jpg 924w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p>\u9752\u3044\u30ea\u30dc\u30f3\u304c\u4ed8\u3044\u305f\u6240\u304c\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\u306e\u5be9\u67fb\u5bfe\u8c61\u306b\u306a\u308a\u307e\u3059<\/p>\n\n\n\n<p>\u4eca\u56de\u306f\u4f7f\u7528\u3057\u3066\u3044\u308bWordPress\u30c6\u30fc\u30de\uff62<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/category\/wordpress-themes\/\" data-type=\"URL\" data-id=\"https:\/\/motoki-design.co.jp\/wordpress\/category\/wordpress-themes\/\">SWELL<\/a>\uff63\u306b\u30663\u3064\u306e\u6307\u6a19\u3092\u6539\u5584\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CLS\uff08Cumulative Layout Shift\uff09\u306e\u6539\u5584<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Cumulative Layout Shift \u306f\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u5185\u306e\u8996\u899a\u8981\u7d20\u304c\u3069\u306e\u304f\u3089\u3044\u79fb\u52d5\u3057\u3066\u3044\u308b\u304b\u3092\u6e2c\u5b9a\u3059\u308b\u6307\u6a19\u3067\u3059\u3002<\/p>\n<cite>PageSpeed Insights<\/cite><\/blockquote>\n\n\n\n<p>CLS\uff08Cumulative Layout Shift\uff09\u306f\u63cf\u753b\u6642\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u305a\u308c\u306b\u3042\u305f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>PageSpeed Insights\u306e\u8a3a\u65ad\u7d50\u679c\u3067\u4e0b\u8a18\u306e\u9805\u76ee\u304c\u6539\u5584\u5185\u5bb9\u306b\u5f53\u305f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li><strong>\u753b\u50cf\u8981\u7d20\u3067 width \u3068 height \u304c\u660e\u793a\u7684\u306b\u6307\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044<\/strong><\/li>\n\n\n\n<li>\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5927\u304d\u304f\u5909\u308f\u3089\u306a\u3044\u3088\u3046\u306b\u3059\u308b<\/li>\n\n\n\n<li>\u5408\u6210\u3055\u308c\u3066\u3044\u306a\u3044\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u4f7f\u7528\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5927\u304d\u304f\u5909\u308f\u3089\u306a\u3044\u3088\u3046\u306b\u3059\u308b\u306e\u89e3\u6c7a\u65b9\u6cd5\u306f\u5358\u7d14\u3067\u3001\u753b\u50cf\u306bwidth\u3068height\u3092\u8a18\u8f09\u3057\u3066\u3042\u3052\u308c\u3070\u304a\u304a\u3088\u305d\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6539\u5584\u65b9\u6cd5\u3068\u3057\u3066\u306f\u4e0b\u8a18\u306e3\u3064\u306e\u624b\u6bb5\u3092\u7528\u3044\u3066\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ol class=\"wp-block-list\">\n<li>HTML\u7de8\u96c6\u3067\u8ffd\u8a18\u3059\u308b<\/li>\n\n\n\n<li>\u30c6\u30fc\u30de\u5074\u306ePHP\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b<\/li>\n\n\n\n<li>JavaScript\u3067\u30b5\u30a4\u30ba\u3092\u8ffd\u8a18\u3057\u3066\u3042\u3052\u308b<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2460HTML\u7de8\u96c6\u3067\u8ffd\u8a18\u3059\u308b<\/h3>\n\n\n\n<p>\u8a18\u4e8b\u5185\u306e\u30d6\u30ed\u30c3\u30af\u3092HTML\u30e2\u30fc\u30c9\u306b\u3057\u3066\u3001\u753b\u50cf\u306e\u8a18\u8ff0\u306e\u4e2d\u306b\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3092<code>height=\"100\" width=\"100\"<\/code>\u8a18\u8f09\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_grid\"><div class=\"wp-block-group__inner-container\">\n<pre class=\"wp-block-code\"><code>&lt;img src=\"\u753b\u50cfURL\" class=\"avatar avatar-100 photo\" height=\"100\" width=\"100\" loading=\"lazy\" alt=\"\u3059\u3044\u307f\u3093\u306e\u30a2\u30d0\u30bf\u30fc\" &gt;<\/code><\/pre>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"346\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h00_46-812x346.jpg\" alt=\"\" class=\"wp-image-14895\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h00_46-812x346.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h00_46-382x163.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h00_46-768x327.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h00_46.jpg 924w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p>\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u306e\u8abf\u3079\u65b9\u306fChrome\u3067\u53f3\u30af\u30ea\u30c3\u30af\u304b\u3089\u691c\u8a3c\u3092\u62bc\u3059\u3068\u8abf\u3079\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"460\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h04_37-812x460.jpg\" alt=\"\" class=\"wp-image-14896\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h04_37-812x460.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h04_37-382x216.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h04_37-768x435.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h04_37.jpg 924w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u2461\u30c6\u30fc\u30de\u306ePHP\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066width\u3068height\u3092\u8a18\u8ff0\u3059\u308b<\/h3>\n\n\n\n<p>FTP\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30fc\u30de\u306ePHP\u306bwidth\u3068height\u3092\u8a18\u8f09\u3057\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n\n<p>SWELL\u3067\u3044\u3046\u3068\u4e0b\u8a18\u306e\u9805\u76ee\u304c\u3001\uff62\u753b\u50cf\u8981\u7d20\u3067&nbsp;<code>width<\/code>&nbsp;\u3068&nbsp;<code>height<\/code>&nbsp;\u304c\u660e\u793a\u7684\u306b\u6307\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\uff63\u3068\u8a3a\u65ad\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>\u30ed\u30b4<\/li>\n\n\n\n<li>\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb<\/li>\n\n\n\n<li>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf&amp;\u80cc\u666f<\/li>\n\n\n\n<li>\u30ab\u30c6\u30b4\u30ea\u30fc\u30da\u30fc\u30b8\u306e\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u306e\u5834\u5408<\/h4>\n\n\n\n<p>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u753b\u50cf\u304c\u30b5\u30a4\u30ba\u6307\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u3053\u3068\u304c\u539f\u56e0\u3067\u3059\uff61<br>\u753b\u50cf\u306b<strong>width<\/strong>\u3068<strong>height<\/strong>\u3092\u8a18\u8ff0\u3057\u3066\u3042\u3052\u3067\u3070\u89e3\u6c7a\u3057\u307e\u3059\uff61<\/p>\n\n\n\n<p>\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u306b\u95a2\u3059\u308b\u30b3\u30fc\u30c9\u306fparts&gt;top&gt;main_visual-single.php\u306b\u3042\u308a\u307e\u3059\uff61<br><strong>width<\/strong>\u3068<strong>height<\/strong>\u306e\u8a18\u8ff0\u3092\u8db3\u3057\u3066\u3042\u3052\u307e\u3057\u3087\u3046\uff61<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;img src=&quot;&lt;?=esc_url( $pc_img_s )?&gt;&quot; data-src=&quot;&lt;?=esc_attr( $pc_img )?&gt;&quot; alt=&quot;&lt;?=esc_attr( $img_alt )?&gt;&quot; class=&quot;p-mainVisual__img lazyload&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u753b\u50cf\u30b5\u30a4\u30ba\u304c1817px\u00d7550px\u3067\u3057\u305f\u304c\uff64\u307b\u307c\u540c\u6bd4\u7387\u306e1200px\u00d7360px\u306b\u3066\u8a18\u8ff0\u3057\u3066\u307f\u307e\u3057\u305f\uff61<br>\uff08\u203b\u308f\u304b\u308a\u3084\u3059\u3044\u30b5\u30a4\u30ba\u304b\u3064\u5c11\u3057\u753b\u50cf\u3092\u5c0f\u3055\u304f\u3057\u305f\u304b\u3063\u305f\u306e\u3067\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"306\" height=\"138\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-01-13_00h02_27.jpg\" alt=\"\" class=\"wp-image-14415\"\/><\/figure>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;img src=&quot;&lt;?= esc_url($pc_img_s) ?&gt;&quot; data-src=&quot;&lt;?= esc_attr($pc_img) ?&gt;&quot; alt=&quot;&lt;?= esc_attr($img_alt) ?&gt;&quot; class=&quot;p-mainVisual__img lazyload&quot; width=&quot;1200&quot; height=&quot;360&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p>SP\uff08\u30b9\u30de\u30db\uff09\u306e\u5834\u5408\u306f\u4e0a\u306e\u8a18\u8ff0\u3092\u8ffd\u52a0\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;source media=&quot;(max-width: 959px)&quot; srcset=&quot;&lt;?=esc_attr( $sp_img_s )?&gt;&quot; data-srcset=&quot;&lt;?=esc_attr( $sp_img )?&gt;&quot; width=&quot;1080&quot; height=&quot;905&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u3042\u3068\u306f\u540c\u3058\u968e\u5c64\u69cb\u9020\u3067\u5b50\u30c6\u30fc\u30de\uff08swell_child\uff09\u306b\u30c7\u30fc\u30bf\u3092\u30a2\u30c3\u30d7\u3059\u308b\u3060\u3051\u3067\u3059\uff61<\/p>\n\n\n\n<p>\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\uff09\u3057\u3066CSS\u304c\u8ffd\u8a18\u3055\u308c\u308b\u306e\u3092\u78ba\u8a8d\u3057\u3066\u304b\u3089PSI\u3092\u518d\u5ea6\u8a08\u6e2c\u3057\u3066\u307f\u307e\u3057\u3087\u3046\uff61<\/p>\n\n\n\n<p class=\"is-style-big_icon_point\">\u753b\u50cf\u306b\u3059\u3079\u3066\u30b5\u30a4\u30ba\u6307\u5b9a\u3057\u3066\u3044\u308b\u306e\u306bCumulative Layout Shift\u304c0\u306b\u306a\u3089\u306a\u3044\u5834\u5408\u306e\u539f\u56e0\u306f<strong>\u30a2\u30c9\u30bb\u30f3\u30b9\u5e83\u544a<\/strong>\u304c\u4e3b\u3067\u3059\uff61<br>\u6d88\u3059\u304b\uff64\u4e0b\u306e\u65b9\u306b\u4e0b\u3052\u308b\u306a\u3069\u3057\u3066\uff64\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5d29\u308c\u3092\u6291\u3048\u307e\u3057\u3087\u3046\uff61<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30a2\u30a4\u30b3\u30f3\u306e\u5834\u5408<\/h4>\n\n\n\n<p>\u540c\u69d8\u306b\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30a2\u30a4\u30b3\u30f3\u3067\u3042\u308c\u3070\u3001<\/p>\n\n\n\n<p><code>\/wp-content\/themes\/swell\/parts\/profile_box.php<\/code>\u3092\u958b\u3044\u3066<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;img src=&quot;&lt;?= PLACEHOLDER ?&gt;&quot; data-src=&quot;&lt;?= esc_url($user_icon) ?&gt;&quot; alt=&quot;&quot; class=&quot;p-profileBox__iconImg lazyload&quot; width=&quot;100&quot; height=&quot;100&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u3068\u3044\u3046\u3088\u3046\u306bwidth\u3068height\u3092\u8a18\u8ff0\u3057\u3066\u5b50\u30c6\u30fc\u30de\u306b\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2462JavaScript\u3067width\u3068height\u3092\u8a18\u8ff0\u3059\u308b<\/h3>\n\n\n\n<p>\u3069\u3046\u3057\u3066\u3082\u5b50\u30c6\u30fc\u30de\u306b\u53cd\u6620\u3067\u304d\u306a\u3044\u30c7\u30fc\u30bf\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u306e\u5834\u5408\u306f\u89aa\u30c6\u30fc\u30de\u3092\u7de8\u96c6\u3059\u308b\u308f\u3051\u306b\u306f\u3044\u304d\u307e\u305b\u3093\u306e\u3067\u3001JavaScript\u3067\u30b5\u30a4\u30ba\u3092\u8ffd\u8a18\u3057\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30ed\u30b4\u306bwidth\u3068height\u3092\u8a18\u8ff0\u3059\u308b<\/h4>\n\n\n\n<p><code>.p-termHead__thumbImg<\/code>\u306f\u8ffd\u52a0\u3057\u305f\u3044\u30af\u30e9\u30b9\u540d\u3067\u3059\u3002\u4eca\u56de\u306fSWELL\u306e\u30ed\u30b4\u3092\u5bfe\u8c61\u3068\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>add_action( &#39;wp_head&#39;, function () { ?&gt;\n&lt;script&gt;\ndocument.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; {\n\ttry {\n\t  const logo = document.querySelector(&#39;.c-headLogo__img&#39;);\n\t  logo.setAttribute(&quot;width&quot;, &quot;176&quot;);\n\t  logo.setAttribute(&quot;height&quot;, &quot;40&quot;);\n\t}catch (e) {}\n});\n&lt;\/script&gt;\n&lt;?php } );\n<\/code><\/pre><\/div>\n\n\n\n<p>\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u30af\u30ea\u30a2\u3092\u3057\u3066\u304b\u3089\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u3075\u304d\u3060\u3057\u306bwidth\u3068height\u3092\u8a18\u8ff0\u3059\u308b<\/h3>\n\n\n\n<p>\u8907\u6570\u3001\u540c\u3058\u3082\u306e\u304c\u3042\u308b\u5834\u5408\u306f\u4e0b\u8a18\u306e\u3088\u3046\u306a\u8a18\u8ff0\u3092\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-file=\"functions.php\" data-lang=\"PHP\"><code>add_action( &#39;wp_head&#39;, function () { ?&gt;\n&lt;script&gt;\ndocument.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; {\n\t\ttry {\n\tconst elems = document.querySelectorAll(&#39;.kjk_balloon img&#39;);\n\t\tfor (let i = 0; i &lt; elems.length; i++) {\n\t\t\telems[i].setAttribute(&quot;width&quot;, &quot;68&quot;);\n\t\t\telems[i].setAttribute(&quot;height&quot;, &quot;68&quot;);\n\t\t}\n\t}catch (e) {}\n});\n&lt;\/script&gt;\n&lt;?php } );\t\t\t\t<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">LCP\uff08Largest Contentful Paint\uff09\u306e\u6539\u5584<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u6700\u5927\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u63cf\u753b\u306f\u3001\u6700\u3082\u5927\u304d\u306a\u30c6\u30ad\u30b9\u30c8\u307e\u305f\u306f\u753b\u50cf\u304c\u63cf\u753b\u3055\u308c\u308b\u307e\u3067\u306b\u304b\u304b\u3063\u305f\u6642\u9593\u3067\u3059\u3002<\/p>\n<cite>PageSpeed Insights<\/cite><\/blockquote>\n\n\n\n<p>LCP\uff08Largest Contentful Paint\uff09\u306f\u30d6\u30e9\u30a6\u30b6\u306e\u8868\u793a\u7bc4\u56f2\u5185\u3067\u4e00\u756a\u5927\u304d\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u8868\u793a\u3055\u308c\u308b\u307e\u3067\u306e\u6642\u9593\u3092\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>PageSpeed Insights\u306e\u8a3a\u65ad\u7d50\u679c\u3067\u4e0b\u8a18\u306e\u9805\u76ee\u304c\u6539\u5584\u5185\u5bb9\u306b\u5f53\u305f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li><strong>\u300c\u6700\u5927\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u63cf\u753b\u300d\u8981\u7d20<\/strong>\u3000\u203b\u3053\u3061\u3089\u3067\u8a72\u5f53\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30a2\u30bf\u30ea\u3092\u3064\u3051\u308b<\/li>\n\n\n\n<li>\u9069\u5207\u306a\u30b5\u30a4\u30ba\u306e\u753b\u50cf<\/li>\n\n\n\n<li>\u6b21\u4e16\u4ee3\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3067\u306e\u753b\u50cf\u306e\u914d\u4fe1<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u3053\u3061\u3089\u3082\u30b7\u30f3\u30d7\u30eb\u306b\u8a72\u5f53\u3059\u308b\u6700\u5927\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u63cf\u753b\u3092\u8efd\u304f\u3057\u3066\u3042\u3052\u308b\u3068\u30b9\u30b3\u30a2\u304c\u6539\u5584\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6539\u5584\u65b9\u6cd5\u3068\u3057\u3066\u306f\u4e0b\u8a18\u306e3\u3064\u306e\u624b\u6bb5\u3092\u7528\u3044\u3066\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ol class=\"wp-block-list\">\n<li>\u753b\u50cf\u3092\u8efd\u91cf\u5316\u3059\u308b<\/li>\n\n\n\n<li>\u30e2\u30d0\u30a4\u30eb\u3068PC\u3067\u8868\u793a\u3092\u5207\u308a\u5206\u3051\u308b<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2460\u753b\u50cf\u3092\u8efd\u91cf\u5316\u3059\u308b<\/h3>\n\n\n\n<p>\u624b\u52d5\u3067\u753b\u50cf\u3092\u8efd\u91cf\u5316\u3059\u308b\u306e\u3067\u3042\u308c\u3070\u3001Compressor.io\u306a\u3069\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u8efd\u91cf\u5316\u3092\u3057\u3066\u753b\u50cf\u3092\u5dee\u3057\u66ff\u3048\u3066\u4e0a\u3052\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u306f<strong>100KB<\/strong>\u4ee5\u4e0b\u306b\u3002<\/li>\n\n\n\n<li>\u753b\u50cf\u306e\u5927\u304d\u3055\u306f\u7e26\u6a2a\u306e\u6700\u5927\u5e45<strong>1,000px<\/strong>\u4ee5\u4e0b\u306b\u3057\u307e\u3057\u3087\u3046<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/compressor.io\/hotlink-ok\/compressor-og.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/compressor.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Compressor.io &#8211; optimize and compress JPEG photos and PNG images<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">Optimize and compress your jpeg and png images online. Compressor is a lossy and lossless photo compression tool.<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<p>\u753b\u50cf\u3092\u5dee\u3057\u66ff\u3048\u305f\u5f8c\u306f\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u30af\u30ea\u30a2\u3057\u306a\u3044\u3068\u53cd\u6620\u304c\u78ba\u8a8d\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u307e\u3068\u3081\u3066\u753b\u50cf\u3092\u8efd\u91cf\u5316\u3057\u305f\u3044\u5834\u5408\u306f<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ol class=\"wp-block-list\">\n<li>FTP\u3067\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u3001\u8efd\u91cf\u5316\u3057\u3066\u5dee\u3057\u66ff\u3048\u308b<\/li>\n\n\n\n<li>\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u753b\u50cf\u3092\u8efd\u91cf\u5316\u3059\u308b\uff08\u7121\u6599\u306a\u3089EWWW Image Optimizer\u3001\u6709\u6599\u306a\u3089ShortPixel Image Optimizer\u304c\u304a\u3059\u3059\u3081\uff09<\/li>\n\n\n\n<li>WebP\u3092\u4f7f\u3046\uff08WebP\u3082\u8efd\u3044\u8868\u793a\u5f62\u5f0f\u3067\u3059\u30012\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u9069\u5fdc\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff09<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>\u753b\u50cf\u304c\u4e00\u756a\u30b5\u30a4\u30c8\u3092\u91cd\u304f\u3057\u3066\u3044\u308b\u8981\u7d20\u306a\u306e\u3067\u3001\u6539\u5584\u3057\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2461\u30e2\u30d0\u30a4\u30eb\u3068PC\u3067\u8868\u793a\u3092\u5207\u308a\u5206\u3051\u308b<\/h3>\n\n\n\n<p>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30d8\u30c3\u30c0\u30fc\u753b\u50cf\u306a\u3069\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3044\u753b\u50cf\u306f\u3001\u30e2\u30d0\u30a4\u30eb\u7248\u3067\u306f\u904e\u5ea6\u306b\u5927\u304d\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3067\u3059\u306e\u3067\u3001PC\u3068\u30e2\u30d0\u30a4\u30eb\u3067\u753b\u50cf\u3092\u5207\u308a\u66ff\u3048\u3092\u3057\u305f\u307b\u3046\u304c\u826f\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ol class=\"wp-block-list\">\n<li>\u30c6\u30fc\u30de\u306e\u8a2d\u5b9a\u3067PC\u3068\u30e2\u30d0\u30a4\u30eb\u306e\u753b\u50cf\u3092\u8a2d\u5b9a\u3059\u308b<\/li>\n\n\n\n<li>\u8a18\u4e8b\u306e\u8a2d\u5b9a\uff08\u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf\uff09\u3067\u5207\u308a\u66ff\u3048\u8a2d\u5b9a\u3092\u3059\u308b<\/li>\n\n\n\n<li>\u30c6\u30fc\u30de\u3092\u7de8\u96c6\u3057\u3066\u3001\u5207\u308a\u66ff\u3048\u308b\u3088\u3046\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>\u305f\u3068\u3048\u3070SWELL\u306e\u914d\u7f6e\u3057\u305f\u30d5\u30c3\u30bf\u30fc\u753b\u50cf\u306f\u4e0b\u8a18\u306e\u69d8\u306b\u5bfe\u5fdc\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>&lt;?php if (IS_MOBILE) : ?&gt;\n    &lt;!-- \u30b9\u30de\u30db--&gt;\n    &lt;picture class=&quot;footer&quot;&gt;\n        &lt;img src=&quot;https:\/sample.com\/wp-content\/uploads\/2021\/02\/footer_sp.png&quot; width=&quot;600&quot; height=&quot;178&quot;&gt;\n    &lt;\/picture&gt;\n&lt;?php else : ?&gt;\n    &lt;!-- PC--&gt;\n    &lt;picture class=&quot;footer&quot;&gt;\n        &lt;img src=&quot;https:\/\/sample.com\/wp-content\/uploads\/2021\/02\/footer.png&quot; width=&quot;1920&quot; height=&quot;568&quot;&gt;\n    &lt;\/picture&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p><code>IS_MOBILE<\/code>\u306a\u3069\u6761\u4ef6\u306e\u8a18\u8ff0\u306f\u30c6\u30fc\u30de\u306b\u3088\u3063\u3066\u9055\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FID\uff08First Input Delay\uff09\u306e\u6539\u5584<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>First Contentful Paint \u306f\u3001\u30c6\u30ad\u30b9\u30c8\u307e\u305f\u306f\u753b\u50cf\u304c\u521d\u3081\u3066\u30da\u30a4\u30f3\u30c8\u3055\u308c\u308b\u307e\u3067\u306b\u304b\u304b\u3063\u305f\u6642\u9593\u3067\u3059\u3002<\/p>\n<cite>PageSpeed Insights<\/cite><\/blockquote>\n\n\n\n<p>LCP\uff08Largest Contentful Paint\uff09\u306f\u30e6\u30fc\u30b6\u30fc\u306e\u53cd\u5fdc\u306b\u3069\u306e\u304f\u3089\u3044\u901f\u304f\u5bfe\u5fdc\u3067\u304d\u308b\u304b\u307e\u3067\u306e\u6642\u9593\u3092\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>PageSpeed Insights\u306e\u8a3a\u65ad\u7d50\u679c\u3067\u4e0b\u8a18\u306e\u9805\u76ee\u304c\u6539\u5584\u5185\u5bb9\u306b\u5f53\u305f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>\u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8\u8aad\u307f\u8fbc\u307f\u4e2d\u306e\u30c6\u30ad\u30b9\u30c8\u306e\u8868\u793a<\/li>\n\n\n\n<li>\u904e\u5927\u306a DOM \u30b5\u30a4\u30ba\u306e\u56de\u907f<\/li>\n\n\n\n<li>\u904e\u5927\u306a\u30cd\u30c3\u30c8\u30ef\u30fc\u30af \u30da\u30a4\u30ed\u30fc\u30c9\u306e\u56de\u907f<\/li>\n\n\n\n<li>\u7b2c\u4e09\u8005\u30b3\u30fc\u30c9\u306e\u5f71\u97ff\u3092\u6291\u3048\u3066\u304f\u3060\u3055\u3044<\/li>\n\n\n\n<li>\u9759\u7684\u306a\u30a2\u30bb\u30c3\u30c8\u3068\u52b9\u7387\u7684\u306a\u30ad\u30e3\u30c3\u30b7\u30e5 \u30dd\u30ea\u30b7\u30fc\u306e\u914d\u4fe1<\/li>\n\n\n\n<li>\u30e1\u30a4\u30f3\u30b9\u30ec\u30c3\u30c9\u51e6\u7406\u306e\u6700\u5c0f\u5316<\/li>\n\n\n\n<li>JavaScript \u306e\u5b9f\u884c\u306b\u304b\u304b\u308b\u6642\u9593\u306e\u4f4e\u6e1b<\/li>\n\n\n\n<li>\u30af\u30ea\u30c6\u30a3\u30ab\u30eb \u30ea\u30af\u30a8\u30b9\u30c8 \u30c1\u30a7\u30fc\u30f3\u3092\u56de\u907f\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n\n\n\n<li>\u30ea\u30af\u30a8\u30b9\u30c8\u6570\u3092\u5c11\u306a\u304f\u3001\u8ee2\u9001\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f\u7dad\u6301\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n\n\n\n<li>\u30e1\u30a4\u30f3\u30b9\u30ec\u30c3\u30c9\u3067\u30bf\u30b9\u30af\u304c\u9577\u6642\u9593\u5b9f\u884c\u3055\u308c\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3000\u7b49\u3005..<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u5168\u90e8\u8981\u7d20\u304c\u95a2\u9023\u3057\u3066\u3044\u307e\u3059&#8230;<\/p>\n\n\n\n<p>\u4e0a\u8a18\u306e\u8981\u7d20\u3060\u3068\u60c5\u5831\u304c\u66d6\u6627\u306a\u306e\u3067<\/p>\n\n\n\n<p><strong>GTmetrix<\/strong>\u3068\u3044\u3046\u5225\u306e\u8a08\u6e2c\u30b5\u30a4\u30c8\u3067\u8a08\u6e2c\u3059\u308b\u3068\u6539\u5584\u8981\u7d20\u304c\u8abf\u3079\u3084\u3059\u3044\u3067\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/gtmetrix.com\/static\/images\/documentation\/meta_social\/gtmetrix.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTmetrix | Website Performance Testing and Monitoring<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">GTmetrix is a free tool to test and monitor your page&#8217;s performance. Using Lighthouse, GTmetrix generates scores for your pages and offers actionable recommenda&#8230;<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"413\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h42_17-812x413.jpg\" alt=\"\" class=\"wp-image-14899\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h42_17-812x413.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h42_17-382x194.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h42_17-768x391.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_20h42_17.jpg 924w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p>\u6539\u5584\u65b9\u6cd5\u3068\u3057\u3066\u306f\u4e0b\u8a18\u306e3\u3064\u306e\u624b\u6bb5\u3092\u7528\u3044\u3066\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ol class=\"wp-block-list\">\n<li>\u9ad8\u901f\u5316\u306b\u9069\u3057\u305f\u30c6\u30fc\u30de\u306b\u3059\u308b<\/li>\n\n\n\n<li>\u6df7\u96d1\u3057\u3066\u3044\u306a\u3044\u9ad8\u901f\u30b5\u30fc\u30d0\u30fc\u306b\u3059\u308b<\/li>\n\n\n\n<li>\u9ad8\u901f\u5316\u5bfe\u7b56\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b<\/li>\n\n\n\n<li>GTmetrix\u3067\u8abf\u3079\u305f\u8981\u7d20\u3092\u3072\u305f\u3059\u3089\u524a\u308c\u308b\u304b\u8abf\u3079\u3066\u6f70\u3057\u3066\u3044\u304f\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<p>FID\uff08First Input Delay\uff09\u203b\u30e6\u30fc\u30b6\u30fc\u306e\u53cd\u5fdc\u306b\u3069\u306e\u304f\u3089\u3044\u901f\u304f\u5bfe\u5fdc\u3067\u304d\u308b\u304b<\/p>\n\n\n\n<p>Gmetrix\u3092\u307f\u3066\u3001\u3072\u305f\u3059\u3089\u524a\u308c\u308b\u8981\u7d20\u3092\u63a2\u3057\u3066\u6f70\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2460\u9ad8\u901f\u5316\u306b\u9069\u3057\u305f\u30c6\u30fc\u30de\u306b\u3059\u308b<\/h3>\n\n\n\n<p>\u500b\u4eba\u7684\u306a\u304a\u3059\u3059\u3081\u306fSWELL\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3044\u307e\u307e\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3084\u9ad8\u901f\u5316\u8a3a\u65ad\u306a\u3069\u3067\u4e0b\u8a18\u306e\u30c6\u30fc\u30de\u3082\u89e6\u3063\u3066\u304d\u307e\u3057\u305f\u304c\u3001SWELL\u304c\u9ad8\u901f\u5316\u3057\u3084\u3059\u304b\u3063\u305f\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>JIN<\/li>\n\n\n\n<li>SANGO<\/li>\n\n\n\n<li>Cocoon<\/li>\n\n\n\n<li>Stork<\/li>\n\n\n\n<li>THE THOR<\/li>\n\n\n\n<li>AFFINGER5<\/li>\n\n\n\n<li>Luxeritas<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2461\u6df7\u96d1\u3057\u3066\u3044\u306a\u3044\u9ad8\u901f\u30b5\u30fc\u30d0\u30fc\u306b\u3059\u308b<\/h3>\n\n\n\n<p>\u3069\u306e\u30b5\u30fc\u30d0\u30fc\u304c\u901f\u3044\u304b\u306a\u3093\u3066\u3001\u74b0\u5883\u3084\u72b6\u614b\u306b\u3088\u3063\u3066\u3053\u3068\u306a\u308b\u306e\u3067\u8a00\u53ca\u3057\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u3067\u3059\u304cPageSpeed Insights\u3067<strong>\u30b5\u30fc\u30d0\u30fc\u306e\u521d\u671f\u5fdc\u7b54\u6642\u9593\u3092\u77ed\u7e2e\u3059\u308b<\/strong>\u3068\u8a3a\u65ad\u3055\u308c\u305f\u5834\u5408\u306f\u691c\u8a0e\u3059\u308b\u3079\u304d\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u30b5\u30fc\u30d0\u30fc\u306f\u4e0b\u8a18\u306e\u6761\u4ef6\u3092\u6e80\u305f\u3057\u305f\u3082\u306e\u304c\u826f\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>\u30b5\u30fc\u30d0\u30fc\u30de\u30b7\u30f3\u306e\u30b9\u30da\u30c3\u30af\u304c\u826f\u3044<\/li>\n\n\n\n<li>\u540c\u3058\u30b5\u30fc\u30d0\u30fc\u306b\u5927\u4eba\u6570\u3044\u3066\u6df7\u96d1\u3057\u3066\u3044\u306a\u3044<\/li>\n\n\n\n<li>\u30c8\u30e9\u30d6\u30eb\u306b\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u306e\u77e5\u898b\u304c\u591a\u304f\u30cd\u30c3\u30c8\u9855\u5728\u3057\u3066\u3044\u308b<\/li>\n\n\n\n<li>\u30b5\u30dd\u30fc\u30c8\u304c\u624b\u539a\u3044<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>\u30e2\u30d0\u30a4\u30eb\u30b9\u30b3\u30a2100\u306e\u30b5\u30a4\u30c8\u3092\u307f\u305f\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304c\u3001WEXAL\u3092\u5229\u7528\u3057\u305f\u9ad8\u901f\u30b5\u30fc\u30d0\u30fc\u3067\u3057\u305f\u306e\u3067\u3001\u6700\u9ad8\u5f97\u70b9\u3092\u76ee\u6307\u3059\u306a\u3089\u826f\u3044\u30b5\u30fc\u30d0\u30fc\u306b\u8d8a\u3057\u305f\u3053\u3068\u306f\u306a\u3044\u3067\u3059\uff01<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2462\u9ad8\u901f\u5316\u5bfe\u7b56\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b<\/h3>\n\n\n\n<p>\u30cd\u30c3\u30c8\u306b\u77e5\u898b\u304c\u305f\u304f\u3055\u3093\u3042\u308b\u306e\u3067\u3001\u8a73\u7d30\u306f\u7701\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u500b\u4eba\u7684\u306b\u306f<strong>WP Rocket<\/strong>\u3068<strong>ShortPixel Image Optimizer<\/strong>\u306e\u6709\u6599\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u512a\u79c0\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u6570\u304c\u5897\u3048\u308b\u3068\u5225\u306e\u610f\u5473\u3067\u7ba1\u7406\u304c\u9762\u5012\u306b\u306a\u308b\u306e\u3067\u5c11\u306a\u3044\u306b\u8d8a\u3057\u305f\u3053\u3068\u304c\u306a\u3044\u3067\u3059\u3002<br>\u203b\u3067\u304d\u308c\u3070\u30c6\u30fc\u30de\u5074\u3067\u6a5f\u80fd\u304c\u642d\u8f09\u3055\u308c\u3066\u3044\u308b\u3068\u52a9\u304b\u308a\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-table td_to_th_\"><table><thead><tr><th>\u30d7\u30e9\u30b0\u30a4\u30f3\u540d<\/th><th>\u4fa1\u683c<\/th><th>\u5099\u8003<\/th><\/tr><\/thead><tbody><tr><td>Autoptimize<\/td><td>\u7121\u6599<\/td><td>JavaScript\u3068CSS\u3092\u307e\u3068\u3081\u3066\u304f\u308c\u307e\u3059\u3002\u8aad\u307f\u8fbc\u307f\u306e\u6570\u3092\u524a\u6e1b<\/td><\/tr><tr><td>Async JavaScript<\/td><td>\u7121\u6599<\/td><td>JavaScript\u3092\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3057\u307e\u3059\u3002\u8aad\u307f\u8fbc\u307f\u9806\u3092\u6539\u5584<\/td><\/tr><tr><td>EWWW Image Optimizer<\/td><td>\u7121\u6599<\/td><td>\u753b\u50cf\u306e\u8efd\u91cf\u5316\u3068WebP\u306e\u8868\u793a\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059<\/td><\/tr><tr><td><strong>lazysizes<\/strong><\/td><td>\u7121\u6599<\/td><td>\u753b\u50cf\u306e\u9045\u5ef6\u8868\u793a\u304c\u3067\u304d\u307e\u3059\uff08SWELL\u306b\u306f\u6a19\u6e96\u642d\u8f09\uff09<\/td><\/tr><tr><td>ShortPixel Image Optimizer<\/td><td>\u7121\u6599\/\u6709\u6599<\/td><td>\u753b\u50cf\u306e\u8efd\u91cf\u5316\u3068WebP\u306e\u8868\u793a\u304c\u3067\u304d\u308b\u3088\u3046\u3002\u753b\u50cf\u7cfb\u3067\u30d9\u30b9\u30c8<\/td><\/tr><tr><td>WP Rocket<\/td><td>\u6709\u6599<\/td><td>\u591a\u6a5f\u80fd\u306e\u9ad8\u901f\u5316\u30d7\u30e9\u30b0\u30a4\u30f3\u3001\u611b\u7528\u3057\u3066\u307e\u3059\u3002<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-wp-rocket\/\" data-type=\"URL\" data-id=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-wp-rocket\/\">\u53c2\u8003<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u2463GTmetrix\u3067\u8abf\u3079\u305f\u8981\u7d20\u3092\u3072\u305f\u3059\u3089\u524a\u308c\u308b\u304b\u8abf\u3079\u3066\u6f70\u3057\u3066\u3044\u304f\u3002<\/h3>\n\n\n\n<p>\u5f8c\u306f\u500b\u5225\u3067\u8981\u7d20\u3092\u524a\u308b\u4f5c\u696d\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01 is-style-bg_stripe\"><div class=\"wp-block-group__inner-container\">\n<ul class=\"wp-block-list\">\n<li>\u30c6\u30fc\u30de\u306e\u8a2d\u5b9a\u3067\u8981\u7d20\u3092\u6700\u9069\u5316\u3059\u308b<\/li>\n\n\n\n<li>\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u8981\u7d20\u3092\u6700\u9069\u5316\u3059\u308b<\/li>\n\n\n\n<li>PHP\u3084JavaScript\u3001CSS\u3067\u8981\u7d20\u3092\u6700\u9069\u5316\u3059\u308b<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p><strong>Code Snippets<\/strong>\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3046\u3068\u5b89\u5168\u306bfunctions.php\u306bhtml\u3001css\u3001jacascript\u3001php\u3092\u7ba1\u7406\u3067\u304d\u308b\u306e\u3067\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u3053\u304b\u3089\u5148\u306f\u500b\u4eba\u7684\u306a\u9ad8\u901f\u5316\u3067\u3084\u3063\u305f\u3053\u3068\u306e\u3042\u308b\u30e1\u30e2\u66f8\u304d\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Web\u30d5\u30a9\u30f3\u30c8\u306e\u8aad\u307f\u8fbc\u307f\u3092\u6e1b\u3089\u3059<\/h4>\n\n\n\n<p><strong>Noto Sans JP<\/strong>\u306a\u3069\u306f\u5927\u91cf\u306eWEB\u30d5\u30a9\u30f3\u30c8\u3092\u8aad\u307f\u8fbc\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<a href=\"https:\/\/fonts.googleapis.com\/css?family=Noto+Sans+JP:400,700&#038;display=swap\" class=\"c-blogLink -external\" data-style=\"text\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t<!-- <i class=\"c-blogLink__icon icon-link\" role=\"presentation\"><\/i> -->\n\t\t\t\t<span class=\"c-blogLink__icon\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"swl-svg-externalLink __svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 48 48\" role=\"img\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M44 2H30c-1.1 0-2 .9-2 2s.9 2 2 2h9.2L24 21.2c-.8.8-.8 2 0 2.8s2 .8 2.8 0L42 8.8V18c0 1.1.9 2 2 2s2-.9 2-2V4c0-1.1-.9-2-2-2z\" \/><path d=\"M41 27c-1.1 0-2 .9-2 2v10c0 1.1-.9 2-2 2H9c-1.1 0-2-.9-2-2V11c0-1.1.9-2 2-2h10c1.1 0 2-.9 2-2s-.9-2-2-2H9c-3.3 0-6 2.7-6 6v28c0 3.3 2.7 6 6 6h28c3.3 0 6-2.7 6-6V29c0-1.1-.9-2-2-2z\" \/><\/svg>\t\t\t\t<\/span>\n\t\t\t\t<span class=\"c-blogLink__text\">Noto Sans JP<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n<p>SWELL\u3067\u3042\u308c\u3070\u3001\u306b\u3057\u3066\u3042\u3052\u308b\u3068\u30b7\u30b9\u30c6\u30e0\u30d5\u30a9\u30f3\u30c8\u304c\u8868\u793a\u3055\u308c\u3001\u8aad\u307f\u8fbc\u3080\u30c7\u30fc\u30bf\u6570\u304c\u6e1b\u3089\u305b\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<a href=\"https:\/\/fonts.googleapis.com\/css?family=Noto+Sans+JP:400,700&#038;display=swap\" class=\"c-blogLink -external\" data-style=\"text\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t<!-- <i class=\"c-blogLink__icon icon-link\" role=\"presentation\"><\/i> -->\n\t\t\t\t<span class=\"c-blogLink__icon\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"swl-svg-externalLink __svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 48 48\" role=\"img\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M44 2H30c-1.1 0-2 .9-2 2s.9 2 2 2h9.2L24 21.2c-.8.8-.8 2 0 2.8s2 .8 2.8 0L42 8.8V18c0 1.1.9 2 2 2s2-.9 2-2V4c0-1.1-.9-2-2-2z\" \/><path d=\"M41 27c-1.1 0-2 .9-2 2v10c0 1.1-.9 2-2 2H9c-1.1 0-2-.9-2-2V11c0-1.1.9-2 2-2h10c1.1 0 2-.9 2-2s-.9-2-2-2H9c-3.3 0-6 2.7-6 6v28c0 3.3 2.7 6 6 6h28c3.3 0 6-2.7 6-6V29c0-1.1-.9-2-2-2z\" \/><\/svg>\t\t\t\t<\/span>\n\t\t\t\t<span class=\"c-blogLink__text\">\u6e38\u30b4\u30b7\u30c3\u30af<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n<h4 class=\"wp-block-heading\"><strong>Noto Sans JP<\/strong>\u3092\u8efd\u91cf\u5316\u3057\u3066\u4f7f\u7528\u3059\u308b<\/h4>\n\n\n\n<p>\u307e\u305a\u3001\u30b5\u30d6\u30bb\u30c3\u30c8\u5316\uff08\u6587\u5b57\u91cf\u3092\u6e1b\u3089\u3057\u3066Noto\u30d5\u30a9\u30f3\u30c8\uff09\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<a href=\"https:\/\/github.com\/axcelwork\/Noto-Snas-subset\/tree\/master\/fonts\" class=\"c-blogLink -external\" data-style=\"text\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t<!-- <i class=\"c-blogLink__icon icon-link\" role=\"presentation\"><\/i> -->\n\t\t\t\t<span class=\"c-blogLink__icon\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"swl-svg-externalLink __svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 48 48\" role=\"img\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M44 2H30c-1.1 0-2 .9-2 2s.9 2 2 2h9.2L24 21.2c-.8.8-.8 2 0 2.8s2 .8 2.8 0L42 8.8V18c0 1.1.9 2 2 2s2-.9 2-2V4c0-1.1-.9-2-2-2z\" \/><path d=\"M41 27c-1.1 0-2 .9-2 2v10c0 1.1-.9 2-2 2H9c-1.1 0-2-.9-2-2V11c0-1.1.9-2 2-2h10c1.1 0 2-.9 2-2s-.9-2-2-2H9c-3.3 0-6 2.7-6 6v28c0 3.3 2.7 6 6 6h28c3.3 0 6-2.7 6-6V29c0-1.1-.9-2-2-2z\" \/><\/svg>\t\t\t\t<\/span>\n\t\t\t\t<span class=\"c-blogLink__text\">\u30b5\u30d6\u30bb\u30c3\u30c8\u5316<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n<p>\u5b50\u30c6\u30fc\u30de\u76f4\u4e0b\u306bfonts\u3068\u3044\u3046\u30d5\u30a9\u30eb\u30c0\u3092\u7f6e\u3044\u3066FTP\u3092\u4f7f\u3063\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u30c7\u30fc\u30bf\u3092\u683c\u7d0d\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"321\" height=\"382\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_13h28_38.jpg\" alt=\"\" class=\"wp-image-14890\"\/><\/figure>\n\n\n\n<p>\u8ffd\u52a0CSS\u306b\u4e0b\u8a18\u306eCSS\u3092\u8ffd\u52a0<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/*----------------------------------\nNoto\u30d5\u30a9\u30f3\u30c8\u8efd\u91cf\u7248\n-----------------------------------*\/\n\t@font-face {\n\t\tfont-display: swap;\n\t\tfont-family: &#39;Noto Sans JP&#39;;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tsrc: url(&#39;https:\/\/www.cg-method.com\/side-job\/wp-content\/themes\/swell_child\/fonts\/NotoSans_Regular.woff2&#39;) format(&#39;woff2&#39;),\n\t\turl(&#39;https:\/\/www.cg-method.com\/side-job\/wp-content\/themes\/swell_child\/fonts\/NotoSans_regular.woff&#39;) format(&#39;woff&#39;),\n\t\turl(&#39;https:\/\/www.cg-method.com\/side-job\/wp-content\/themes\/swell_child\/fonts\/NotoSans_regular.otf&#39;) format(&#39;opentype&#39;);\n\t}\n\n\t@font-face {\n\t\tfont-display: swap;\n\t\tfont-family: &#39;Noto Sans JP&#39;;\n\t\tfont-style: normal;\n\t\tfont-weight: bold;\n\t\tsrc: url(&#39;https:\/\/www.cg-method.com\/side-job\/wp-content\/themes\/swell_child\/fonts\/NotoSans_Bold.woff2&#39;) format(&#39;woff2&#39;),\n\t\turl(&#39;https:\/\/www.cg-method.com\/side-job\/wp-content\/themes\/swell_child\/fonts\/NotoSans_bold.woff&#39;) format(&#39;woff&#39;),\n\t\turl(&#39;https:\/\/www.cg-method.com\/side-job\/wp-content\/themes\/swell_child\/fonts\/NotoSans_bold.otf&#39;) format(&#39;opentype&#39;);\n\t}\n\n\tbody{\n\t\tfont-weight:normal;\n\t\tletter-spacing: 0.02em;\n\t\tfont-family: &#39;Noto Sans JP&#39;,&quot;\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3&quot;, &quot;Hiragino Kaku Gothic Pro&quot;, &quot;\u6e38\u30b4\u30b7\u30c3\u30af&quot;, &quot;\u30e1\u30a4\u30ea\u30aa&quot;, Meiryo, Osaka, &quot;\uff2d\uff33 \uff30\u30b4\u30b7\u30c3\u30af&quot;, &quot;MS PGothic&quot;, sans-serif;\n\t}<\/code><\/pre><\/div>\n\n\n\n<p>\u3042\u3068\u306fSWELL\u5074\u306e\u30d5\u30a9\u30f3\u30c8\u8a2d\u5b9a\u3092\u5909\u3048\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3000&gt;\u3000\u30b5\u30a4\u30c8\u5168\u4f53\u8a2d\u5b9a\u3000&gt;\u3000\u57fa\u672c\u30c7\u30b6\u30a4\u30f3\u3000&gt;\u3000\u6e38\u30b4\u30b7\u30c3\u30af\uff08\u203b\u3053\u3053\u306fNoto\u30d5\u30a9\u30f3\u30c8\u306b\u3057\u306a\u3044\u8a2d\u5b9a\u306b\uff01\uff09<\/p>\n\n\n\n<p>\u3055\u3089\u306b\u9ad8\u901f\u5316\u3057\u305f\u3044\u5834\u5408\u306f\u89aa\u30c6\u30fc\u30de\u76f4\u4e0b\u306b\u3042\u308bheader.php\u306b\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u3066\u3001\u5b50\u30c6\u30fc\u30de\u306b\u8ffd\u52a0\u3057\u3066\u3042\u3052\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>\u4e8b\u524d\u306b\u30d5\u30a9\u30f3\u30c8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;link rel=&quot;preload&quot; as=&quot;font&quot; href=&quot;https:\/\/blog-methods.com\/swell\/wp-content\/themes\/swell_child\/fonts\/NotoSans_Regular.woff2&quot; crossorigin&gt;\n&lt;link rel=&quot;preload&quot; as=&quot;font&quot; href=&quot;https:\/\/blog-methods.com\/swell\/themes\/swell_child\/fonts\/NotoSans_Bold.woff2&quot; crossorigin&gt;<\/code><\/pre><\/div>\n\n\n\n<p><code>&lt;meta&nbsp;name=\"viewport\"&nbsp;content=\"width=device-width,&nbsp;viewport-fit=cover\"&gt;<\/code>\u306e\u4e0b\u8fba\u308a\u306b\u8ffd\u52a0\u3057\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"289\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_13h25_57-812x289.jpg\" alt=\"\" class=\"wp-image-14891\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_13h25_57-812x289.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_13h25_57-382x136.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_13h25_57-768x273.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2021-03-07_13h25_57.jpg 1024w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">\u30bc\u30e0\u30ea\u30a2\u901a\u4fe1<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/ramia.me\/wp\/wp-content\/uploads\/2020\/03\/ogp-fb-1200_630-min.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/ramia.me\/swell-notosans\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002 | \u30bc\u30e0\u30ea\u30a2\u901a\u4fe1<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\"><\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h4 class=\"wp-block-heading\">\u4e57\u308a\u63db\u3048\u30b5\u30dd\u30fc\u30c8\u30d7\u30e9\u30b0\u30a4\u30f3\u306eFontAwesome\u3084Style\uff08css\uff09\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044<\/h4>\n\n\n\n<p>\u30c6\u30fc\u30de\u3092\u5909\u66f4\u3057\u305f\u6642\u306b<strong>\u4e57\u308a\u63db\u3048\u30b5\u30dd\u30fc\u30c8\u30d7\u30e9\u30b0\u30a4\u30f3<\/strong>\u3092\u5165\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u30c6\u30fc\u30de\u3067Font Awesome\u3092\u5207\u3063\u3066\u3044\u3066\u3082\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">SWELL<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/swell-theme.com\/wp-content\/uploads\/2019\/06\/thumb_switch_theme.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/swell-theme.com\/switch-to-swell\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u4ed6\u30c6\u30fc\u30de\u304b\u3089SWELL\u3078\u306e\u300c\u4e57\u308a\u63db\u3048\u30b5\u30dd\u30fc\u30c8\u30d7\u30e9\u30b0\u30a4\u30f3\u300d\u4e00\u89a7 | WordPress\u30c6\u30fc\u30de SWELL<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">\u30c6\u30fc\u30de\u3092\u4e57\u308a\u63db\u3048\u308b\u6642\u3001\u65e7\u30c6\u30fc\u30de\u306e\u72ec\u81ea\u6a5f\u80fd\u3067\u6587\u7ae0\u306e\u88c5\u98fe\u306a\u3069\u3092\u4f7f\u3063\u3066\u3044\u308b\u3068 \u904e\u53bb\u8a18\u4e8b\u306e\u30c7\u30b6\u30a4\u30f3\u304c\u4e00\u6c17\u306b\u5d29\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002 \u3064\u307e\u308a\u30c6\u30fc\u30de\u3092\u9014\u4e2d\u3067\u4e57\u308a\u63db\u3048\u308b\u5834\u5408\u3001 \u904e\u53bb\u8a18&#8230;<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<p>\u66ab\u5b9a\u7684\u306a\u5bfe\u5fdc\u3067\u3059\u304c\u3001functions.php\u3067\u8aad\u307f\u8fbc\u307f\u3092\u6b62\u3081\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">SANGO\u306e\u5834\u5408<\/h5>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>function deregister_googlefonts() {\n\u3000\u3000wp_deregister_style(&#39;sango-icon&#39;);\n\u3000\u3000wp_deregister_style(&#39;sango-to-swell-style&#39;);\n}\nadd_action(&#39;wp_enqueue_scripts&#39;, &#39;deregister_googlefonts&#39;, 9999);<\/code><\/pre><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">AFFINGER5\u5834\u5408<\/h5>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>function deregister_googlefonts() {\n\u3000\u3000wp_deregister_style(&#39;af5-fa&#39;);\n\u3000\u3000wp_deregister_style(&#39;st_svg&#39;);\n}\nadd_action(&#39;wp_enqueue_scripts&#39;, &#39;deregister_googlefonts&#39;, 9999);<\/code><\/pre><\/div>\n\n\n\n<p class=\"is-style-icon_pen\">\u30d7\u30e9\u30b0\u30a4\u30f3\u306eload_files.php\u304b\u3089\u8abf\u3079\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Font&nbsp;Awesome\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u5909\u66f4\u3059\u308b<\/h4>\n\n\n\n<p>WEB\u3067\u898b\u3064\u3051\u305f\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306fFont&nbsp;Awesome\u3092\u4f7f\u3063\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.sample:before {\nfont-family: &#39;Font Awesome 5 Free&#39;;\n    content: &#39;\\f185&#39;;\n}<\/code><\/pre><\/div>\n\n\n\n<p>SWELL\u306a\u3069\u30c6\u30fc\u30de\u3067\u4e88\u3081\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u30a2\u30a4\u30b3\u30f3\u30d5\u30a9\u30f3\u30c8\u306b\u5dee\u3057\u66ff\u3048\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-postLink\">\t\t\t<div class=\"p-blogCard -external\" data-type=\"type3\" data-onclick=\"clickLink\">\n\t\t\t\t<div class=\"p-blogCard__inner\">\n\t\t\t\t\t<span class=\"p-blogCard__caption\">SWELL<\/span>\n\t\t\t\t\t<div class=\"p-blogCard__thumb c-postThumb\"><figure class=\"c-postThumb__figure\"><img decoding=\"async\" src=\"https:\/\/swell-theme.com\/wp-content\/uploads\/2019\/04\/swell_icons.png\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" width=\"320\" height=\"180\"><\/figure><\/div>\t\t\t\t\t<div class=\"p-blogCard__body\">\n\t\t\t\t\t\t<a class=\"p-blogCard__title\" href=\"https:\/\/swell-theme.com\/icon-demo\/\" target=\"_blank\" rel=\"noopener noreferrer\">SWELL\u3067\u4f7f\u3048\u308b\u30a2\u30a4\u30b3\u30f3\u306e\u4e00\u89a7 | WordPress\u30c6\u30fc\u30de SWELL<\/a>\n\t\t\t\t\t\t<span class=\"p-blogCard__excerpt\">\u3053\u3053\u3067\u306f\u3001SWELL\u3067\u30d5\u30a9\u30f3\u30c8\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u8aad\u307f\u8fbc\u3093\u3067\u3044\u308b\u30a2\u30a4\u30b3\u30f3\u3092\u4e00\u89a7\u3067\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002 SWELL\u3067\u6a19\u6e96\u3067\u4f7f\u7528\u3067\u304d\u308b\u30a2\u30a4\u30b3\u30f3\u30d5\u30a9\u30f3\u30c8\u306f\u3001IcoMoon\u3067\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002 Font &#8230;<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n<h4 class=\"wp-block-heading\">JQuery\u306e\u8aad\u307f\u8fbc\u307f\u505c\u6b62<\/h4>\n\n\n\n<p>JQuery\u3092\u4f7f\u3063\u3066\u3044\u306a\u3044\u306e\u306b\u4e0b\u8a18\u306e\u69d8\u306b\u69d8\u306b\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3057\u307e\u3063\u3066\u3044\u308b\u5834\u5408<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;script type=&quot;text\/javascript&quot; src=&quot;https:\/\/blog-methods.com\/swell\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.5.1&quot; id=&quot;jquery-core-js&quot;&gt;&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n\n<p>functions.php\u3067<code>wp_deregister_script( 'jquery' );<\/code>\u3092\u8ffd\u52a0\u3059\u308b\u3068WordPress\u306eJQuery\u304c\u8aad\u307f\u8fbc\u307e\u308c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3055\u3089\u306b\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306a\u3069\u7279\u5b9a\u306e\u30da\u30fc\u30b8\u3060\u3051\u8aad\u307f\u305f\u3044\u5834\u5408\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u8ffd\u52a0\u3057\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>function setJquery() {\n\twp_deregister_script( &#39;jquery&#39; );\n\n\tif ( is_home() || is_front_page() ) {\n\t\twp_enqueue_script(&#39;jquery&#39;, &#39;https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js&#39;, array(), &#39;3.5.1&#39;);\n\t}\n}\nadd_action(&#39;wp_enqueue_scripts&#39;, &#39;setJquery&#39;);<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u5b50\u30c6\u30fc\u30de\u306estyle.css\u3092\u8aad\u307f\u8fbc\u307e\u305b\u306a\u3044<\/h4>\n\n\n\n<p>\u8ffd\u52a0CSS\u306b\u3057\u304bCSS\u306f\u8ffd\u8a18\u3057\u306a\u3044\u5834\u5408\u306f\u3001function.php\u306b\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u633f\u5165\u3059\u308b\u3068\u5b50\u30c6\u30fc\u30de\u306eStyle.css\u306f\u8aad\u307f\u8fbc\u307e\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u203b\u3042\u307e\u308a\u91cd\u8981\u3058\u3083\u306a\u3044\u3067\u3059\u304c\u30e1\u30e2\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>function my_deregister_styles() {\nwp_deregister_style( &#39;child_style&#39; );\n}\nadd_action( &#39;wp_enqueue_scripts&#39;, &#39;my_deregister_styles&#39;, 100);<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b5\u30a4\u30c8\u306e\u9ad8\u901f\u5316\uff08\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\uff09\u306b\u95a2\u3059\u308b\u65bd\u7b56\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u672c\u8a18\u4e8b\u3067\u306f\uff62\u3010WordPress\u3011\u30b5\u30a4\u30c8\u306e\u9ad8\u901f\u5316\uff08\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\uff09\u306b\u95a2\u3059\u308b\u65bd\u7b56\u307e\u3068\u3081\uff63\u306b\u3064\u3044\u3066\u66f8\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u7d50\u8ad6\u3092\u3044\u3046\u3068PC\u3068\u30e2\u30d0\u30a4\u30eb\u3067\u30b0\u30ea\u30fc\u30f3\u300190\u70b9\u4ee5\u4e0a\u3092\u53d6\u5f97\u3059\u308b\u306b\u306f\u305d\u308c\u306a\u308a\u306e<strong>\u304a\u91d1\u3068\u6280\u8853<\/strong>\u529b\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6280\u8853\u7684\u306a\u3053\u3068\u306f\u6cbc\u3067\u3059\u3057\u53ce\u76ca\u3068\u7d50\u679c\u306f\u6bd4\u4f8b\u3057\u306a\u3044\u306e\u3067\u3001\u9ad8\u901f\u5316\u3092\u3059\u308b\u306a\u3089\u5c02\u9580\u5bb6\u306b\u304a\u4efb\u305b\u3059\u308b\u3053\u3068\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>2021\u5e745\u6708\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3067CWV\uff08\u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\uff09\u304c\u691c\u7d22\u9806\u4f4d\u306b\u5f71\u97ff\u3092\u53d7\u3051\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u203bWeb Vitals\uff08\u30a6\u30a7\u30d6 \u30d0\u30a4\u30bf\u30eb\uff09\u3068\u3082\u547c\u3070\u308c\u3066\u3044\u307e\u3059\u3002 \u30b3\u30a2\u30a6\u30a7\u30d6\u30d0\u30a4\u30bf\u30eb\u3067\u306f3\u3064\u306e\u6307\u6a19\u304c\u57fa\u6e96\u306b\u306a\u308a\u307e\u3059\u3002 \u30b3\u30a2\u30a6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14902,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[62],"tags":[],"area":[],"class_list":["post-14414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/14414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=14414"}],"version-history":[{"count":3,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/14414\/revisions"}],"predecessor-version":[{"id":24603,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/14414\/revisions\/24603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/14902"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=14414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=14414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=14414"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=14414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}