【WordPress】AutoptimizeでSyntaxHighlighterV3を最適化するとページが重くなるのを回避する

問題

AutoptimizeはWordPressを高速で表示するために便利なプラグインだが、一部のプラグインと干渉する。

その1つが、記事のコードの見映えを良くするSyntaxHighlighterのV3となる。

AutoptimizeがsyntaxHighlighterV3を最適化すると、ページの表示が遅くなるか、最悪読み込めなくなる。

回避する方法は以下となる。

解決策

Autoptimizeの「JavaScriptコードの最適化」をOFFにする

【WordPress】AutoptimizeでSyntaxHighlighterV3を最適化するとページが重くなるのを回避する - yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 - 【WordPress】AutoptimizeでSyntaxHighlighterV3を最適化するとページが重くなるのを回避する
Autoptimize設定

Autoptimizeの「Autoptimize からスクリプトを除外: 」を使用する

上手くいかず。

SyntaxHighlighterのプラグインでバージョンをV2に変更する

SyntaxHighlighter Evolvedの場合は以下となる。

【WordPress】AutoptimizeでSyntaxHighlighterV3を最適化するとページが重くなるのを回避する - yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 - 【WordPress】AutoptimizeでSyntaxHighlighterV3を最適化するとページが重くなるのを回避する
SyntaxHighlighter Evolved設定

コメントを残す

メールアドレスが公開されることはありません。