LoginSignup
1
1

More than 3 years have passed since last update.

WordPressをちょこっとでも早くする画像最適化とフォントの遅延読み込み

Last updated at Posted at 2021-04-04

この記事は日曜の夜に殴り書いた備忘録です。拙い文章、ご容赦ください。

Googleが提供するPageSpeed Insights。スコアでサイトの快適さを出してくれます。
https://developers.google.com/speed/pagespeed/insights/?hl=ja
image.png

これを見ながら改善してくのが最善です。
私がやったことは

1.ewww image optimizerの導入

WordPressのプラグインです。定番なのでご存知かもです。
画像最適化と位置情報など消すのに役立ってます。
もちろん入れるだけでも効果てきめんなのですが、チェック項目をチェックすることでさらに高速になります。

遅延読み込み

image.png

画像が見えるようになるまで読み込まれないってやつです。

画像をWebPに

image.png

モダンなwebPに変換してくれます。

2.GoogleFontsの遅延読み込み

普通に<linkですると最初に読み込まれるため、フォント拾ってくるまでページが開きません。
そこで遅延読み込みです。
https://mogumogu-design.com/googlefont-yomikomi/
こちらを参考にしました。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1