PageSpeed Insightsで100点を取るためにやったこと - Qiita

はじめに 内部SEOとして、PageSpeed Insightsで高得点をとる……なんて話を昔から、チラホラ聞きます。 ページ速度がSEOにどれほどの影響があるのかはわかりませんが、ページ表示速度の改善を行って悪いことはないはずなので、私が運営している個人サイトをPageSpeed Insightsで100点とれるように頑張ってみました。 本記事では、レンダリングブロック周りを主に取り扱っていきたいと思います。 目標 デザインは崩さない よく見る対応として、「外部CSSをbodyの直後で読み込むようにして……」というのがあるけど、そうすると、一度CSSが当たらないページが出てしまう。美しくないので、ファーストビューではCSSが当たった状態で表示する maxCDN等を利用している部分は、そのまま使う 個人サイトなので、CDNを使用しているのはサードパーティー製のJSやCSSのみだが、これはこ