Highlight.js is slow

[tommy351]

Highlight.js is slow. After turning off the highlighting, the loading speed dropped from 46s to 16s. Maybe we should change another highlighting library or use SyntaxHighlighter or Prism to let browsers do this job.

[Xuanwo]

From my point of view, it is worthwhile sacrificing some loading time for a quicker open in browser.
And I don't know how much time browsers do this job will take, can you give out some data?

[tommy351]

Actually it's fast to do highlight on browsers, since browsers only need to render a page at a time and Hexo has to render hundreds of pages in a few seconds. It takes lots of CPU time to do this.

[Xuanwo]

OK, I will support your idea.

Since I use Travis CI to do this, so I'm not care about the time highlight.js used, hahaha

[iissnan]

Is there any other lib which has high performance than highlight.js on rendering pages?

[iissnan]

I mean rendering pages in command line, not in browsers.

[tommy351]

@iissnan Maybe we can give highlights a try. It's used by atom.

[iissnan]

@tommy351 Executed a simple performance test with hexo-util and highlights.

highlights spends only 1469, while hexo-util spends 3793.

LGTM.

[iissnan]

By the way, if this change has effect on theme highlight styles?
If yes, than this may be a breaking change, should be highlighted in release notes.

[tommy351]

hexo-util may run slow at the first time because it needs to load highlight.js. The speed may be faster after the first run.

The styles may need changes if we change the library.

[iissnan]

Sorry for the incorrect testing.
Using highlight.js instead of hexo-util, time drops to 3215.

[tommy351]

Thanks for the testing. I'll try to optimize that function.