page speed insights

page speed insights のスコアアップによくする施策 ウェブフォントの読み込み停止 CDNであっても読み込み速度には影響する。 あと、フォントの読み込みを停止するとスコアは目に見えて改善しやすい。 また膨大な量のcssを記載している場合（それほど膨大でなくても構わないが）スタイルシートを分割して読み込むのは良い方法だと思う。 css,jsファイルの遅延読み込み ファーストビューに影響がない程度に遅延読み込みをすると良い 不要なファイルの読み込み停止 ・ブロックエディターcss プラグインもチェックして、使用していなかったら無効化・削除するなどで対応。 画像サイズの追記 画像サイズの追記、またはアスペクト比の指定。 これを記述していないとレイアウト崩れと指摘を受けることもある。 スライドショーの画像の読み込み方法確認 cssでの画像切替だと、PC用・スマホ用画像がそれぞれで読み込まれてしまう。例えば、3枚のスライドショーだと3枚×2で6枚の読み込みなので、特にスマホでの読み込み速度が遅くなる。 対策としては、picture,srcsetを使用するのが良いようだ。 IEとOperaでは未対応のタグとのことだが、IEはEdgeになってきているし、Operaはユーザーともに世界中のユーザーの2%ほどなので無視してもいいのかなと思う。