[EC-CUBE4]WebFontsの遅延読み込み
4月 23, 2021 サイト表示速度のスコアが遅いのでまずウェブフォントを遅延読み込みさせます。
遅延させると一旦デフォルトのフォントで表示するのでページの初期応答時間が早くなります。
▼relをstylesheetではなくsubresourceに変更する。
<link rel='subresource' href="フォントのファイル.css">
▼ページロードが完了した時点でsubresourceを読み込ませる。
$(window).on('load', function() {
$('link[rel="subresource"]').attr('rel', 'stylesheet');
});
---------------
※試しても読み込み速度スコアが上がらなかったので結局この方法は実装しませんでした。
font-faceにfont-display: swap;を使用した方が上がったので現在はそちらを使用しています。
---------------
参考リンク：
0 コメント