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

問題

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

現象

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

屏幕快照 2014-05-30 上午8.53.06

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

配置syntaxhighlighter插件

屏幕快照 2014-05-30 上午10.26.35

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

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

由...出版 R0uter

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

加入對話

1 評論

您的電子郵件地址不會被公開. 必填字段標 *