Monthly Archives: May 2011

WordPress优化之可视化编辑器

WordPress默认的文章编辑器分“可视化”和“HTML”两种模式,前者提供WYSIWYG(What-You-See-Is-What-You-Get )编辑界面。但是这个可视化编辑器除了提供一些方便快捷的按钮(比如:加粗,下划线,字体大小)之外,并没有显得多么“可视化”:我们在编辑界面看到的文章样式和发布后的简直是“天壤之别”! 为什么会出现这种情况呢?所谓的“可视化”编辑器怎么一点都不“可视化”呢! 其实,WordPress的可视化编辑器的确是可视化的,它使得我们用鼠标点击几下就可以达到书写一堆繁琐的HTML代码的效果,也就是说,在后台编辑界面存在的文章和网站前台看到的文章的HTML代码是一模一样的。那么,为什么他们“看起来”区别那么大呢?原因很简单:后台编辑器没有调用主题的CSS文件,而前台调用了。

Posted in WordPress | 9 Comments

WordPress优化之Optimize the order of styles and scripts

前些天启用了 Syntax Highlighter ComPress插件,用Page Speed检测,发现了一个问题:Optimize the order of styles and scripts. 意思是说:优化 CSS和JS的顺序。造成这个问题的原因是: 内嵌JS block#1 在一个外部CSS和另一个元素(没说是啥玩意)之间 外部CSS(shCoreDefault.css,Syntax Highlighter ComPress插件的CSS文件)在一个外部JS之后 我们知道,CSS应该放在网页的头部,而且要放在JS之前,这样可以加快网页渲染速度,可以更快的打开网页;浏览器加载到JS会一直等到这个JS加载完才会加载下面的元素,如果把JS放在CSS之前,会严重拖慢网页加载速度!

Posted in WordPress | Leave a comment