比较语法荧光笔插件和库类型5网站的显示速度
语法标注工具:显示源代码的插件和库
当您想在WordPress中使用哪种语法荧光笔时
・插入插件时会变得很重。
・因为名为○○○的荧光笔很重,所以切换到另一个插件。
・使用JS和CSS库特别轻巧
我经常看到这些信息。我测量了插件和库之间的显示速度实际变化了多少,并且视插件而有所不同。
显示速度比较目标列表
- 荧光笔未介绍
- 棱镜(图书馆)
- 棱镜语法荧光笔(Prismjs库插件版本)
- 蜡笔语法荧光笔(插入)
- Mivhak语法荧光笔(插入)
每种功能的摘要如下。
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访问的百分比,插件可能不需要那么敏感。
讨论
评论清单
暂无任何评论