本サイトはプロモーションが含まれています。

WordPress で MathJax プラグインなし で 数式 を記述する方法

2023年1月18日

WordPress で MathJax プラグインなし で 数式 を記述することにしました。

PageSpeed Insights で、改善方法 を確認

PageSpeed Insightsで、改善方法 を確認します。

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,MathJaxMathJax

Posted by yojigen