比较语法荧光笔插件和库类型5网站的显示速度

2018年11月24日

语法标注工具:显示源代码的插件和库

当您想在WordPress中使用哪种语法荧光笔时
・插入插件时会变得很重。
・因为名为○○○的荧光笔很重,所以切换到另一个插件。
・使用JS和CSS库特别轻巧
我经常看到这些信息。我测量了插件和库之间的显示速度实际变化了多少,并且视插件而有所不同。

显示速度比较目标列表

每种功能的摘要如下。

https://insilico-notebook.com/wp-highlighter-list/

测量方法

以下服务用于比较网页的未读速度。

PageSpeed洞察力:Google提供的网络性能评估工具
GTmetrix:输出显示速度和改进点的站点

环境
服务器:mixhost标准
磁盘容量-SSD 150GB
CPU,主机服务器CPU:虚拟3核,至强24核,48线程
内存,主机服务器内存:4GB,256GB
WordPress主题:

因为Highlight.js是Cocoon中的标准实现,所以不能说严格意义上没有引入荧光笔,但是我决定通过差异来测量延迟程度。

结果

PageSpeed洞察力 GTmetrix
モバイル 个人计算机 页面速度等级 Yslow等级
荧光笔未介绍 82.5 100 89 76
Prismjs库 82 100 89 76
棱镜荧光笔 81 100 89 76
蜡笔荧光笔 76.5 99 88 75
Mivhak荧光笔 71.5 99 87 75

GTmetrix的Page Speed等级和Y慢等级分别是Google和Yahoo的站点速度测量服务的量化结果(Gtmetrix的Page Speed等级是对PageSpeed Insight结果的综合评估)。在每种情况下,均使用两次测得的平均值作为结果。

如果在移动设备上查看它,则可以看到库类型肯定更快,其次是较轻的插件和较重的插件,并且显示速度得分会变差。但是,在PC上考虑时似乎几乎没有区别。

提到代码时,我认为大多数人都是从PC上访问它的。根据移动和PC访问的百分比,插件可能不需要那么敏感。