CrayonSyntaxHighlighter

12月13日 · 2014年

WordPress高亮插件:Crayon Syntax Highlighter加载优化

18
Crayon Syntax Highlighter 是我这种代码控的必装插件。但是,这款插件也有一些小缺憾,比如体积大、拖慢速度、容易产生冲突等。很多博主就是因为这些个原因,才不得不忍痛割爱。 至于冲突问题,上次博客已分享过一次相关教程,感兴趣的可以看看: 解决 Crayon Syntax Highlighter 代码高亮与 fancybox 图片暗箱冲突问题 本文主要是分享 Crayon Syntax Highlighter 插件的 CSS 和 JS 加载优化。 优化原理:禁止 Crayon Syntax Highlighter 插件 js 和 css 的全局自动加载机制,只有检测到文章中存在代码时,才会按需加载,这样解决了所有页面均加载 js 和 css 拖慢博客速度的问题。 修改方法: ①、禁止自动加载…
1月16日 · 2014年

又是Crayon Syntax Highlighter!

10
前言:昨天才发现文章以及分类页面,底部的公告不滚动了,但是在首页却是好的,本以为是我修改了相关代码导致的,等我修改过的还原之后,问题依旧,于是 wopus 问了下,被告知是插件冲突!在使用排除法后发现是主题与Crayon Syntax Highlighter高亮插件有冲突!而且图片暗箱放大功能也因为这个插件而无法使用,有 2 次因为这个插件的冲突导致服务器卡死,被空间商停用了数小时!实在忍无可忍,终于将这个插件给开除了!  熟悉我博客的朋友都知道,我的博文脚本代码比较多,所以这个插件的易用性带给我很大的便利,于是我在【底部公告+暗箱放大】 VS 【代码高亮 】中权衡利弊,我觉得前面 2 个都是华而不实的功能,远远没有 Crayon 对于玛思阁来得重要。于是我还是打算关闭公告和暗箱效果,保留高亮插件。但是接下来的测试还是让我忍痛割爱。 昨天空间商客服再次联系我,说我的博客产生的 CPU 负载太高,需要暂停服务器,并让我尽快调试好。于是我又到 PHPmMyAdmin 中将所有插件全部咔掉,然后告知空间商客服已 OK。开启来之后,为了找出产生高负载的原因,我将插件依次启用,并同时测试页面加载速度。这一测还真发现了问题,在插件全部禁用的时候,我网站加载速度平均在 0.5s 左右,我去,从来都是 3s 以上,很多时候都是 5s 左右,全部禁用之后,速度竟然快了近 10 倍!!?于是我终于理解为什么万戈等博主都提倡插件能不用就不用了! 测试发现,某些插件还真是卡!启用之后平均拖慢了接近 1s,有的甚至更严重!比如WP Mail SMTP,启用之后页面加载速度瞬间慢至 2S 以上,真乃神器啊!现在用多说了,这东西果断干掉【Win 主机就是闹腾】!另外发现多说和WP…