Syntaxhighlighter V Google需要美化性能建议吗?

时间:2012-02-19 13:05:50

标签: javascript syntax-highlighting google-code

在blogspot:How to use prettify with blogger/blogspot?What are the steps I need to take to add nice java code formatting to my blogger/blogspot blog?上显示代码时,已经有几个关于如何美化代码的线程。

我尝试过google的美化http://code.google.com/p/google-code-prettify/和syntaxhighlighter http://alexgorbatchev.com/SyntaxHighlighter/。两者都很好。但是,我感兴趣的是哪个具有更好的性能 - 这是这个线程不同的地方。

压缩

YSlow告诉我,我的浏览器都没有被压缩。但是,我不是自己托管网站,我使用谷歌的blogspot进行托管。所以,我不认为我能在这里做很多事情。正确的吗?

缓存 Google的美化和syntaxhighlighter都使用javascript文件和样式表。他们分别在谷歌服务器和亚马逊服务器上托管他们。如果我自己托管文件,我可以使用Apache Http Server并在HTTP响应上设置缓存标头,以便返回的用户不会继续下载它们。如果我不是自己主持并利用blogspot的免费托管,我无能为力,对吗?

服务器ping时间 这是一个点头测试。当我ping谷歌的美化时,我得到:

Pinging googlecode.l.google.com [209.85.143.82] with 32 bytes of data:
Reply from 209.85.143.82: bytes=32 time=5ms TTL=53
Reply from 209.85.143.82: bytes=32 time=4ms TTL=53
Reply from 209.85.143.82: bytes=32 time=4ms TTL=53
Reply from 209.85.143.82: bytes=32 time=5ms TTL=53

当我ping syntaxhighlighter时:

Pinging www.alexgorbatchev.com [69.163.149.228] with 32 bytes of data:
Reply from 69.163.149.228: bytes=32 time=148ms TTL=47
Reply from 69.163.149.228: bytes=32 time=146ms TTL=47
Reply from 69.163.149.228: bytes=32 time=146ms TTL=47
Reply from 69.163.149.228: bytes=32 time=146ms TTL=47

所以看起来就像谷歌赢了这个。可能使用CDN,我不认为syntaxhighlighter是。

更少的Http请求

这里的方法有所不同。 Syntaxhighlighter非常模块化,具有不同语言的不同javascript文件。 Google;使用一个更大的javascript文件进行美化。 因此,如果您包含来自各种语言的片段,可以使用语法高亮显示器来获得较小的文件大小,您当然会有更多的http请求。

这就是背景。问题是关于使用syntaxhiglighter或google的美化你的表现提示是什么?你怎么能更快或确定一个比另一个更快?

感谢。

1 个答案:

答案 0 :(得分:5)

我认为你应该选择google(由他们主持),原因如下:

  1. 如果代码由google网址托管,如果之前访问过的网站(不是你的网站)使用相同的网址,则浏览器有可能从缓存中读取。这意味着他们甚至可以在访问您的网站之前从缓存中读取。

  2. Google有一个CDN,这意味着他们可以从最接近请求者的服务器提供文件。例如。您的服务器可能在美国托管,但如果澳大利亚人访问您的网站,他仍然必须去美国获取您的文件,...不是谷歌的情况。

  3. 对你来说更便宜,更轻松。

  4. 较少的HTTP请求是浏览器性能提升的无名英雄

  5. 谷歌没有压缩文件。编码或做任何谷歌相关的事情时,我有一般规则:

    “Google比你聪明”

    如果我认为谷歌没有发送压缩文件,可以是:

    1. 我错了,谷歌正在向我发送压缩文件

    2. 最好不要发送压缩文件

    3. 一些不为人知的原因超出了我

    4. 保持简单,相信googs