お元気ですか。Hodaです。 当ブログのレンダリング遅延をなくすため、レンダリングをブロックするスクリプトとCSSリソースを特定し、対策を講じました。 具体的には、WordPressにてheadタグ内に出力されるjQueryをフッターに移動させ、Webフォント「Font Awesome」のCSSリソースを最後に読み込むようにしました。 結果、表示速度が大幅に改善されたので、方法をまとめておきます。 この取り組みの背景 スマートフォンなどのモバイル端末における、Hodalogの表示スピードを改善するため、PageSpeed Insightsにて検証を行っています。 修正指示に従ってHTMLとCSS、JavaScriptのコードを圧縮したり。 キュンキュンになったコードを元に戻す方法をマスターしたり。 モバイル端末における表示速度の改善を進めてきました。 さらなる進化を遂げるため、「レンダリン