WordPress で MathJax プラグインなし で 数式 を記述することにしました。
目次
PageSpeed Insights で、改善方法 を確認
PageSpeed Insightsで、改善方法 を確認します。
PageSpeed Insights で、 改善方法 を確認します。 改善が必要な指標 改善が必要 LCPの問題： 2.5秒超（モバイル） 改善が必要 CLSに…
jikuu.work
WordPress で MathJax プラグインなし で 数式 を記述することを思いつく
MathJax が必要なページだけ JavaScript を読み込めばいいと思い試してみました。
MathJaxのページに
MathJaxバージョン3の使用
独自のHTMLを（直接またはテンプレート/テーマエンジンを介して）作成する場合は、次のスニペットをページに追加することでMathJaxを含める ことができます。
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>と書かれていたので試してみました。
プログラミング言語の中で簡単に切り貼りして再利用可能なソースコードのこと
MathJax が必要なページだけ MathJax-script を読み込む
「カスタム HTML」のパーツを作って MathJax 必要なページに ショートコードを埋め込みました。
その結果、PageSpeed Insights で改善が必要な指標の改善が確認できました。
PageSpeed Insights 携帯電話 で 91点がでるまでやったこと
- PageSpeed Insights で 改善方法 を確認
- WordPress で MathJax プラグインなしで数式を記述する方法
- 重い Jetpack の設定を必要最低限にしています。
- Jetpack のモジュールの 機能 を確認する
- フォント表示の CSS 機能を使用して Web フォントの読み込み中
- autoptimize_css_after_minify を使って font-display:swap; を追加
- 第三者コードの影響を抑えてください Flying Scripts by WP Speed Matters
- LiteSpeed Cache 点数 がでないときの 設定
PageSpeed Insights 携帯電話 で 96点 がでるまでやったこと。 PageSpeed Insights 携帯電話 で 91点がでるまでやったこ…
jikuu.work