WordPress优化之css、js优化

说起wordpress，相信很多站长朋友还是不陌生的。wordpress可以说是比较好的博客系统程序，和国内的z_blog博客程序有一拼。当然了，他们除了开发程序不一样（wordpress是php语言开发的，z_blog是asp语言开发），功能上大体差不多，都是很受欢迎的博客程序。思源SEO个人独立博客采用的是wordpress博客程序。

 

wordpress程序怎么说呢，后台功能还是强大的，设置上也还是比较方面的，但有一点不好，刚建立的博客，可能速度有点慢。用wordpress程序建站，最好使用Linux主机，这样，速度上可能比使用windows主机要快点。今天，思源就如何优化wordpress来提高网站打开速度提点建议，说的不好，大家别见笑，呵呵。

 

网站打开速度慢一方面是网站冗余代码造成的，怎么做，我们就是要简化这些代码，不需要的多余代码就cut掉。这里主要针对css和js，如何精简css和js代码。

 

第一：精简css代码；

 

使用简化的CSS代码对每个人都很有必要，简洁的CSS代码，可以使网站加载速度更快！比如：颜色代码”#3366FF” 可以简化成”#36F”，margin属性值 ”6px 0 8px 0″可以简化成 “6px 0 8px”等等。这些改变可能需要一些CSS基础，但是其实可以简化的就那么几种，其实并没有多少。像下面的例子：

 

原来的css代码:  .wordpress{

font-family: Georgia, Times, serif;

font-size: 12px;

color: #000000;

}

 

精简后的css代码：.wordpress-seo{font-family: Georgia, Times, serif;font-size: 12px;color: #3366FF;}

 

继续精简优化后代码后:.wordpress-seo1 {font-family: Georgia, Times, serif;font-size: 12px;color: #36F;}

 

除了在css写法上注意外，我们还可以借助一些在线压缩工具，来对写好的css代码进行简化。像 YUI Compressor 和CleanCSS这俩工具，都比较有效，但是需要注意的它有一定的概率改变你的CSS代码，某些不能通过W3C 验证的代码经过压缩后会自动被修改，所以在压缩之前最好先在 W3C 验证 确保你的原始码合乎规范，或者在压缩后人工校正并本地测试一下。当然了，再用这些工具前，先备份一下原来的css，以防自动压缩后出现错误。另外用 W3C 验证你的原始码时也不用完全合乎规范，为了保证不同浏览器的兼容性，只支持css2.0的那些css代码是有必要存在的。

 

第二：精简js：

 

js压缩：js压缩我们不用做得太多，大部分js文件都是压缩完毕的，所以js压缩一般可以跳过。不过，对多个js文件，我们可以进行合并，合并到一个js，这样可以避免多次下载读取。js合并，效果也比较明显。JS合并在尽量减少HTTP请求和实际产生的效果上，性能的提升要比精简和压缩高很多。那么怎样对多个js文件进行合并呢？

 

手工的简单合并方法：将siyuan.js、seo.js、wordpress.js……中的代码复制在一个文件中，保存为all.js，然后将原来调用siyuan.js、seo.js、wordpress.js……的引用代码替换成：<script type="text/javascript" src="http://.......all.js"></script>

3    // 添加代码时，把 http://.......all.js 修改成合并后的js的静态地址即可。

 

精简css和js，只是提高 wordpress速度的一个方法而已。其实，影响网站速度的因素有很多，网站服务器不稳定也会导致网站速度慢，甚至打不开的现象。因此，要想使网站打开速度快，选择一个好的主机空间是首要条件，其次是对程序代码的精简，这样才能更好的保证网站的打开速度。