虽然网络上有成千上万的免费主题,但在我看来,其中许多都没有经过 SEO 优化。
这些主题不仅难看,而且大多充斥着作者的暗网链接和广告。事实上,它们对站长是非常有害的。为了帮助同学们更好的使用和优化自己的网站wordpress主题模板修改教程,我决定制作一个系列教程供大家参考。在第一篇文章中,我们将讨论主题代码的优化。
主题代码优化
代码优化的核心是:代码尽可能的小,核心目的是提高网站的加载速度!优化你的代码,如果你的网站是放在虚拟空间的,不要让你的网站加载时间超过5秒;如果放在 VPS 中,请不要让您的网站加载时间超过 3 秒。
我为什么这么说?那是因为百度对网站的打开速度有着严格的审核标准,甚至还专门在百度站长工具中推出了页面优化建议工具。这意味着百度希望站长优化其网站的打开速度。如果您的网站打开速度很慢,很可能会被降级。
如何优化主题代码?
请不要着急wordpress主题模板修改教程,我会给你一个重要的解决方案:将我们的主题代码优化到最小。最重要的是优化表格嵌套,优化js和css的合并和分离优化。
1、 避免表格嵌套:我见过很多免费的主题。为简单起见,使用了大量的表格嵌套,并且浏览器在加载表格时,需要完全加载程序进行渲染。 ,有些主题甚至缺少表格的结束标签,导致浏览器无法正常渲染,卡在表格标签上。做网站的时候尽量少用table标签。使用div+css绘制表格可以更好的提高网站打开速度。
2、 优化:您可以检查您网站的标签。是否有很多您不知道该使用什么的元标记?如下图(使用默认模板的网站):
很多乱七八糟的链接和评论,甚至引用其他网站的文件。众所周知,只要你的代码引用了文件,浏览器就会在继续执行代码之前加载这些文件。如果其他网站的文件丢失,那么浏览器会花费大量时间等待这个文件响应,从而增加网站打开时间。另一方面,我的网站进行了简化,只保留了搜索引擎所需的元信息和必要的文件链接,这样更加简洁高效,如下图:
3、 js和css合并分离优化:很多网站的js和css代码都写在一个文件里,方便管理,但是加载的时候会导致页面加载大量不必要的代码,导致时间较长。
而我的解决方案是将每个页面所需的js和css放在一个文件中,而每个页面独有的js和css是自己独立创建并有针对性地引用的。比如常见的CSS放在style.css中,只有首页的CSS写在style-home.css中,只在首页引用,其他页面不引用,可以大大提高网站的加载速度。
没有冗余代码,自然加载速度可以优化到最快。
文章来源:http://www.toutiao.com/a7085248072409825830/