PageSpeed Insightsで分析し、サイトの表示スピードをアップする4つの作業をメモ

レンダリングの邪魔をしているjsの対処（script要素） やることはごく単純。 ●HTML上で、script要素に「async属性」を置く。 <script src="./js/pagescroll.js" async></script> ●短い行数のJavaScriptは、外部ファイルにしないでインラインにする。 （HTMLファイル内に script要素を使って直書きする） このサイトでは、script要素に「async属性」を置く件はうまく行かなかった。 背景にcanvasを使っているので、これに関係するjs（google経由の「jquery.min.js」と自作のcanvas用js）に「async属性」を使うと、背景が無効になっちゃった。 あとの2つは10行ほどだったのでhead部にインラインで書いて、canvasがらみの2つは放置。 jsは合計4本だったので、半分しか対処してない