会員サイトをリニューアルしました! 新サイトはこちら

ウェブフォント読み込み中のテキストの表示について < ご要望

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

ウェブフォント読み込み中のテキストの表...
 
通知
すべてクリア

[解決済] ウェブフォント読み込み中のテキストの表示について

4 投稿
3 ユーザー
2 Likes
1,350 表示
Diz
 Diz
(@diz)
New Member
Topic starter
 

サイトスピードを測定すると、速度とは関係ない改善案として「ウェブフォント読み込み中のテキストの表示」というものがでてきます。

これは@font-faceに「font-display: swap;」を付与すれば、解決できるようですが、今後の対応のご予定はありますか?

参考URL: https://www.google.com/amp/s/yws.tokyo/webfont-pagespeed-insights/%3famp=1

また、You TubeやTwitter、インスタのWPブロックの遅延読み込みにも対応していただけると嬉しいです。

よろしくお願いします。

 
投稿済 : 16/09/2021 7:41 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

一応Google Fontsのlinkタグでの読み込み時にswapは指定しているのですが、効いてないですかね?

もう一度確認して近いうちに調整してみます!

 
投稿済 : 22/09/2021 11:05 am
suya
 suya
(@suyasite)
Trusted Member
 

@ryo

たぶんこれのことだと思います。

/wp-content/themes/swell/assets/fonts/icomoon.ttf?7ojy2d

PageSpeedでひっかかります。

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fswell-theme.com%2F

「ウェブフォント読み込み中のテキストの表示」のところです。

WP-Search:WordPressテーマ、プラグイン、サーバーを調べられる確認ツール
SWELL PLUS:SWELLにアイコンを追加できる子テーマ
SWELL初心者のためのお役立ちリンク集

 
投稿済 : 23/09/2021 3:58 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

あ、なるほどです。

アイコンフォントはswapにしちゃうと一瞬×マークみたいなのが出ちゃうので、あえて指定はしていません。

ただ、将来的にはアイコンフォントじゃなくてできるだけSVGに変更しようとは思っています。(後方互換できないので3.0時に切り替える予定です)

 
投稿済 : 23/09/2021 5:25 am
共有: