CSSファイルをpreloadで非同期にロードについて

このトピックには7件の返信、2人の参加者があり、最後にAnonymousにより7年、 5ヶ月前に更新されました。

8件の投稿を表示中 – 1 – 8件目 (全8件中)

投稿者

投稿
2019年5月1日 2:17 AM #7231

Anonymous
メンバー

YASAKANI Cacheとても便利に使わせていただいております。

ページキャッシュの設定でHTMLとJSは問題なく使えるのですが、CSSにチェックを入れるとデザインが崩れてしまいます。

崩れるのは「ヘッダー上の文字列」と「SNSアイコン」です。文字列はadmin.cssが含まれている気がしますが、正確にはわかりません。一度プラグインをYASAKANI Cache以外停止して試しましたが、変わりませんでした。

CSSの設定だけで表示速度が10ポイントほど変わるので、何とかしたいと考えております。分かる範囲でご教授いただければ幸いです。

使用しているテーマ：アフィンガー5
サーバー：Xサーバー
WordPress 5.1.1
Yasakani Cash 2.2.4

2019年5月1日 5:22 PM #7233

enomoto
キーマスター

プラグインを停止してもダメということは、アフィンガー５のテーマだと何らかの問題が出てしまうということだと思います

推測ですが、画像を見るとCSSの内容がトップに表示されているようなので、おそらく一部のCSSがインラインで読み込まれるようになっていて、その部分がCSSとして処理できずに文字列として表示され、その為にSNSアイコンあたりのスタイルが当たってないと思われます

Yasakani Cache の CSS preload 非同期読み込み処理がうまく機能しない原因がなにかあると思いますが、アフィンガー５は有料テーマなので詳細な調査はできません

もし、テーマに高速化の設定として、CSSをインラインで読み込むようなものがあるのなら、それを無効化してみてはいかがでしょうか？

2019年5月1日 9:53 PM #7234

Anonymous
メンバー

ご返信ありがとうございます。

何とか修正できました。

2019年5月2日 3:02 AM #7235

Anonymous
メンバー

度々申し訳ありません。

文字列や大方のアイコンは改善されたのですが、　一部のSVGアイコンだけが表示されません。

どうやら、svgアイコンのCSSファイルがインライン埋め込みされているみたいです。（CSSの設定を行うと、indexに「st_svg-style.css」の中身がすべて出てきます）

小さなCSSはインライン埋め込みとのことなので、その影響かなと考えているのですが、なぜ表示されないのかがわかりません。

fontawesomeや他のデザインは特に問題ありません。

本当に度々で申し訳ないのですが、ご教授いただければ幸いです。

2019年5月2日 11:18 AM #7236

enomoto
キーマスター

YASAKANI cache の CSS preload 処理時にバグがあるようです

CSS中に url でファイルを読み込んでいる場合はインラインから除外しているのですが、その除外処理がうまく動作していないようです

連休明けには WordPress5.2 がリリース予定となっていますので、その動作検証と合わせて修正いたしますので、それまでの間は CSS preload をOFFのまま運用してください

2019年5月2日 12:02 PM #7237

Anonymous
メンバー

承知いたしました。

ご対応ありがとうございます。

2019年5月9日 11:11 AM #7243

enomoto
キーマスター

CSS preload 処理のバグを修正しました

ver2.2.5 に更新したので試してみてください

2019年5月9日 11:58 AM #7246

Anonymous
メンバー

ご対応ありがとうございます。

アイコンなど問題なく表示されるようになりました。

また体感速度も劇的に上がりまして、重ね重ね感謝いたします。
投稿者

投稿

8件の投稿を表示中 – 1 – 8件目 (全8件中)

このトピックに返信するにはログインが必要です。