日記・雑記

投稿日:

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%ほどなので無視してもいいのかなと思う。

- 日記・雑記

関連記事

WordPress 5、新エディタの使い心地

自分のwordpressの更新はあまりマメにしませんが先日仕事でwordpress5.0以降をインストールする機会があり、エディタがかなり変わっていることにビックリした。 新エディターは、ブロックエデ ...

wordpressで時々使うやつ

wordpressでよく使うけど毎回調べてる気がするタグたち。 忘備録として ページネーションを表示する wordpress公式リファレンス/paginate_links <div class= ...

no image

子カテゴリー記事のタイトル

ここに記事の本文がはいります。