落格博客

Log everything.

WP語法高亮插件syntaxhighlighter導致前台js數量過多

2014 年 5 月 30 日

最近更改：30日日, 2014

WordPress下的代碼語法高亮插件中，筆者是比較喜歡syntax highlighter這款的，但是這款插件在使用過程中會出現一個問題，那就是它為每一種語言單獨寫了js腳本，結果導致前台加載js數量一度達到三十之多！這在國內還好說，對於在國外的博客來說這簡直就是致命的。

我們通過使用一些相關的工具，對頁面進行分析，發現這些js文件路徑在於插件目錄中的syntaxhighlighter3 /腳本中

這時候我們就想，能否有設置能夠去掉這些默認加載的腳本文件，網上的一些辦法是使用插件或者手工把它們合併，而事實上治標不治本雖然減少了腳本的數目，卻大大增加了單個腳本的容量。那麼有沒有辦法讓它在需要的時候來加載呢？

如上圖所示，我們把“Load ALL Brushes”的勾去掉，這樣就不會默認加載所有的語言文件了

在實際的使用當中，它會根據我們添加的標籤或者lang語句來選擇加載某一個或幾個腳本文件，這樣就不會出現30+的高亮腳本另外還有10+的擴展高亮腳本出現在前端的問題了。

更新: 2014 年 5 月 30 日 at am 10:30

如非聲明，本人所著文章均為原創手打，轉載請註明本頁面鏈接和我的名字。