wordpressコードハイライトプラグインWP SyntaxHighlighter最適化

WP SyntaxHighlighterは良いwordpressコードのハイライトプラグインです.当駅で現在使用しているコードハイライトプラグイン.バックグラウンドで選択したバージョンは2.1.382です.コードコピー、印刷などの小道具が使えます.しかし、彼はページをロードするときに非常に不便です.設定したハイライトコードに対応するjsがロードされます.現れる

<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shCore.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushBash.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushCss.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushJava.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushJScript.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushPerl.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushPhp.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushPowerShell.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushPython.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushRuby.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushSql.js?ver=2.1"></script>
<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushXml.js?ver=2.1"></script>

というコードです.1つのロードごとにサーバにリクエストが送信されます.Webサイトのロードに不利です.その最適化は主に以下の2つの側面から行われる:1)必要なshBrushXxx.jsファイルをshBrushes.jsのようなjsファイルに統合することで、jsをロードする際のHTTP接続の消費を減らすことができ、Keep-Aliveであればさらに良い.2)マージされたshBrushes.jsファイルをさらに圧縮し、ネットワークトラフィックを節約し、多くのjsファイルを圧縮してマージする良いjs圧縮ツールがあります.現在、上記のshBrushXxx.jsを1つのファイルに圧縮しています.オンラインのjs圧縮ツールを使用して圧縮し、shBrushMinAll.jsを得ます./wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter/syntaxhighlighter 2/script/ディレクトリの下に置くと、プラグインファイルが変更されます.wp-syntaxhighlighter.phpというファイルを見つけます.1041行コメントコード:

// echo "<script type=\"text/javascript\" src=\"".$wp_sh_plugin_url.$lib_dir."/scripts/shCore.js?ver=".$wp_sh_lib_ver."\"></script>
";

、1068行コメントコード:

// foreach ($wp_sh_brush_files as $lang => $val) {
			// 	$brush_file = $val[0];
			// 	$brush_ver = $val[2];
			// 	$brush_enable = $val[3];
			// 	if (($brush_ver == '2.1' || $brush_ver == '1.5') && $brush_enable == 'true') {
			// 		echo "<script type=\"text/javascript\" src=\"".$wp_sh_plugin_url.$lib_dir."/scripts/".$brush_file."?ver=".$wp_sh_lib_ver."\"></script>
";
			// 	} elseif (($brush_ver == '2.1' || $brush_ver == 'all') && $brush_enable == 'added') {
			// 		echo "<script type=\"text/javascript\" src=\"".$brush_file."?ver=".$wp_sh_lib_ver."\"></script>
";
			// 	}
			// }

コメントコードの後に次を追加します.

echo "<script type=\"text/javascript\" src=\"".$wp_sh_plugin_url.$lib_dir."/scripts/shBrushMinAll.js?ver=".$wp_sh_lib_ver."\"></script>
";

保存完了後.ページを見てみると、もうokです.

<script type="text/javascript" src="http://www.xxku.net/wp-content/plugins/wp-syntaxhighlighter/syntaxhighlighter2/scripts/shBrushMinAll.js"></script>