Wordpresswordpress主题代码的优化，提高网站速度为核心目的

　　Wordpresswordpress主题代码的优化，提高网站速度为核心目的

　　许多人使用 wordpress 制作自己的网站。虽然网上有上千种免费的wordpress主题，但在我看来，很多主题都不符合SEO优化。

　　这些主题不仅难看，而且大多充斥着作者的暗链和广告。事实上，它对网站管理员的伤害很大。为了帮助同学们更好地使用wordpress来优化他们的网站，我决定这里有一系列wordpress教程供大家参考。第一个讲wordpress主题代码的优化。

　　Wordpress 主题代码优化

　　wordpress代码优化的核心是：代码可以越少越好，核心目的是提高网站的加载速度！优化你的代码，如果你的网站放置在虚拟空间，不要让你的网站Loading时间超过5秒；如果是放在VPS里，不要让你的网站加载时间超过3秒。

　　我为什么要这样说？那是因为百度对网站的打开速度有着严格的审核标准，甚至专门在百度站长工具中推出了页面优化建议工具。

　　这意味着百度希望站长优化他的网站的打开速度。如果你的网站打开很慢，很可能会被降级。

　　如何优化主题代码？

　　请不要着急，接下来我会给你一个重要的解决方案：将我们的主题代码优化到最精简。最重要的是优化表嵌套、表头优化、js和css合并分离优化。

　　1、table 嵌套：我见过很多免费的 wordpress 主题。为简单起见，使用了大量的表嵌套。当浏览器加载表格时，程序需要完全加载才能呈现它。有些主题甚至缺少表格的关闭选项卡，导致浏览器无法正常渲染而卡在表格选项卡上。做网站的时候，尽量少用table标签。使用div+css绘制表格可以更好的提高网站的打开速度。

　　2、header 优化：您可以检查您的网站 标题标签。是否有很多元标记您不知道该使用什么？如下图（部分网站使用wordpress默认模板）：

　　很多乱七八糟的链接和评论，甚至引用了其他网站文件。众所周知，只要你的代码引用了文件，浏览器就会加载这些文件，然后再继续执行后续的代码。如果其他网站文件丢失，浏览器会花费大量时间等待这个文件响应，这些都会增加网站打开时间。不过我的网站经过精简，只保留了搜索引擎需要的元信息和必要的文件链接，使得header更加简洁高效，如下图：

　　3、js和css合并分离优化：很多网站所有的js和css代码写在一个文件里，方便管理，但是会导致页面加载的时候加载。大量不必要的代码会导致更长的时间。

　　我的解决方案是将每个页面需要的js和css放在一个文件中，对于每个页面特有的js和css，独立创建文件并相应引用。比如常用的css都放在style.css中，只有首页才有的css写在style-home.css中，而且只在首页引用，其他页面不引用，可以大大提高网站NS的加载速度。无需额外代码，自然加载速度可以优化到最快。

　　总结

　　当然，除了代码，网站的打开速度还有很多需要注意的地方。这只是其中的一个细节，但相信也是站长们需要注意的。