タグ

javascriptとperformanceに関するtamazirouのブックマーク (1)

  • jQueryとCSSを最後に読み込ませてサイトの表示速度を上げる方法

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

    jQueryとCSSを最後に読み込ませてサイトの表示速度を上げる方法
  • 1