十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
Wordpress主题代码优化
创新互联成立于2013年,我们提供高端重庆网站建设公司、成都网站制作、成都网站设计、网站定制、成都营销网站建设、微信平台小程序开发、微信公众号开发、成都网站推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为广告设计企业提供源源不断的流量和订单咨询。
wordpress代码优化的核心在于:代码能少则少,以提高网站加载速度为核心目的!优化你的代码,如果你的网站是放在虚拟空间,不要让你的网站加载时间超过5秒以上;如果是放在VPS中,不要让你的网站加载时间超过3秒以上。
为什么我这样说呢?那是因为百度对网站的打开速度有硬性的审核标准,甚至在百度站长工具中还特地推出了页面优化建议工具。
这意味着百度是希望站长优化自己网站的打开速度的。如果你的网站打开速度慢则很有可能被降权。
那怎么做主题代码优化呢?
请大家不要着急,我接下来给大家一个重要的解决方案:将我们的主题代码优化到最精简。其最重要的是优化table嵌套、header优化、js和css的合并分离优化。
1、table嵌套:我看了很多的wordpress免费主题,为了简单,采用大量的table嵌套,而浏览器在加载table的时候,是需要将程序完全加载才能渲染出来的,有一些主题甚至缺少table的关闭标签,导致浏览器无法正常渲染而卡在table标签处。做网站,应该尽量少用table标签,采用div+css的方式来绘制表格可以更好的提高网站打开速度。
2、header优化:大家可以查看一下自己网站的header标签,是否有一大堆不知道什么用的meta标签?如下图所示(某使用wordpress默认模版的网站):
一大堆乱七八糟的链接和注释,甚至引用了其他网站的文件,众所周知,只要你的代码中引用了文件,那么浏览器就会去加载完这些文件才会继续执行之后的代码,如果其他网站的文件丢失了,那么浏览器将会花大量时间等待这个文件响应,而这些都是会增加网站打开时间的。而我的网站则通过精简,只保留搜索引擎需要的meta信息和必要的文件链接,从而使得header更加简洁和高效,如下图:
3、js和css的合并分离优化:很多网站的所有js和css代码,都是写在一个文件里面的,这样虽然方便了管理,但是会导致页面加载的时候,需要加载很多不必要的代码,导致时间加长。
而我的解决方法就是将每个页面都需要的js和css分别放置在一个文件内,而其他每个页面特有的js和css,则自己独立创建文件,针对性的引用。比如共同的css都放在style.css中,首页才有的css就写在style-home.css中,只有在首页才引用,其他页面则不引用,这样就可以大大提高网站的加载速度了。
看了上面的几个优化要点,大家肯定还有疑问。所以,我接下来给大家看看我自己做的现成的案例,通过源代码大家不难发现,我的源代码已经做到最精简的程度了,没有table嵌套,header没有多余的内容,js和css只有必要的才添加。
没有多余的代码,自然加载速度可以优化到最快。
总结
当然,网站的打开速度除了代码以外,还有很多地方要注意,这仅仅是其中一个细节,但相信也是站长们都需要关注的。
首先我们要知道适用于其他类型网站的加速优化方法同样适用于wordpress博客;
再次要知道用户网页加载时间分为三部分:①网页执行时间 ②页面及页面元素加载时间 ③浏览器渲染网页时间 ,
针对这三部分时间,wordpress加速方法按加速的方式可以分为:
1、php代码层次加速
2、html代码层次加速
3、服务器层次加速
4、间接wordpress加速方法
一.php代码层次加速WordPress
所谓“php代码层次”是指php执行效率,执行查询数量层次上的优化。有以下几点:
※控制插件数量
※使用缓存插件
※数据库查询缓存
※静态页面缓存
※部分页面缓存
※优化主题
※启用Gzip压缩
对于对程序和代码不太熟悉的站长来说,最省事的方法就是使用WordPress插件,通过插件来对WordPress进行优化,加快WordPress加载速度。从网上浏览来看,小生在这里分享几个被高手们广泛推荐的wordpress插件。
1、Parallelize
插件的作用如其名,Parallelize的意思即并行。该插件将允许WordPress的附件文件自动并行化(图片或上传任何文件使用WordPress的媒体功能)在多个主机名,实现图片或者文件并行加载,加快页面加载速度。为了协助缓存,资源将永远载入相同的主机名。
2、WPFileCache
该插件“实现Object的分级持久化缓存,可以用来代替内置WordPress的WP_Object_Cache。”不像其他缓存插件,该插件不缓存你的整个页面,它只缓存在插件的API函数中指定的数据。换句话说,它会明显减少您的数据库的负载,从而加快页面加载和增加你的博客的整体性能。
3、QuickCache
QuickCache实时缓存博客的所有内容包括页面、文章、分类页面,以帮助快速读取数据,加快WordPress载入速度。你可以进入插件设置页面进行必要的设置,选择你认为需要缓存的部分来优化你的WordPress加载速度。默认情况下,对于登陆用户和最近留言用户是不会缓存。
4、W3TotalCache
这个插件在WordPress缓存插件中排行前三,可以缓存博客的所有内容,加快WordPress加载速度,优化服务器性能。开发者甚至保证经过W3TotalCache全面优化后性能至少可达到10倍的提高。相信可以为博客省不少带宽。
5、WPMinify
WPMinify,一个常见的WordPress插件,网上很多介绍和推荐它的文章。该插件的原理是在不改变功能的情况,删除源代码中不必要的字符以减少文件体积加快WordPress的加载速度。WPMinify将合并和压缩WordPress的JavaScript,CSS和HTML文件,这有助于大大降低WordPress加载时间。
6、WPSmush.it
是一款被广泛推荐的wordpress图片压缩插件。图片的加载是博客流量的重要部分,而未经过压缩优化的图片不但会大大消耗博客的流量还会影响WordPress的加载速度。值得注意的是,它的压缩是“无损压缩”,也就是说,经过它压缩的图片绝对不会失真,所以,压缩程度比Parallelize插件的压缩方法稍差。可以上传本地图片,也可以输入网页上图片的链接,同时支持多图片处理。最新版本的WPSmush.it更是可以完成整站图片无损压缩。 6 f9 R( g: W8 K- B
7、WPSuperCache
WPSuperCache是WordPress官方开发人员Donncha开发,是当前最高效也是最灵活的WordPress静态缓存插件。它把整个网页直接生成HTML文件,这样Apache就不用解析PHP脚本,通过使用这个插件,能使得WordPress博客显著的提速。对于的WPSuperCache设置,网上都有教程,可以按照方法安装和设置。
8、HyperCache
如果WordPress博客托管在一个低配置的虚拟主机上,该插件非常适合。HyperCache是就好像PC的优化工具,只是它优化的是博客。该插件相对于前面提到的W3TotalCache易于配置使用。它不仅可以缓存你的网站加快WordPress加载速度,它甚至还可以自动清理你的系统,以帮助减少磁盘的使用和节省存储空间。
9、CDNTools
CDN的全称是ContentDeliveryNetwork,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。而这个插件的目的是通过加载到一个内容分发网络(CDN)的数据,大大加快您的博客的加载时间。它可以让你载入Javascript和媒体文件到外部服务器页面,使加载速度大幅提升。
10、WP-Optimize
WP-Optimize是一个WordPress数据库优化插件,可以对删除文章历史记录、删除自动保存草稿、删除未审核和垃圾评论、优化MySQL数据库等,对WordPress的数据库进行必要的优化,可以优化数据库加快数据库查询速度和节省数据库空间。
安装并启用该插件,WP后台WP-Optimize管理面板有如下选项:
Remove all Post revisions(删除所有文章修订版本)
Remove all auto draft posts(删除所有自动保存的草稿文章)
Clean marked Spam comments(清除标记为垃圾邮件的评论)
Clean Unapproved comments(清理未经批准的评论)
Optimize database tables(优化数据库表)
选中需要进行的操作点击“PROCESS”按钮即可!
二.html代码层次加速WordPress
相比php代码层次加速WordPress,html层次上的优化更加重要一些。因为现在的服务器配置都不错,php执行效率也很高,除非你的WordPress插件多得太离谱,在速度上一般是不会有太多大的影响的(基本上1m以内可以执行完)。而html代码决定了WordPress加载的速度,浏览你博客的速度在很大程度上是这个因素决定的(在同样的网络环境下),用户加载网页的时间有80%花在这上面。要想你的WordPress飞速跑起来,html层次的优化是非常必要的。 + H! X+ M2 p5 x( V
Make Fewer HTTP Requests–减少HTTP请求的数量
Compress Components With Gzip–用Gzip压缩网页
Put CSS at Top Put Js at Bottom–把CSS放在开头,把JS放在结尾
Avoid CSS Expressions–CSS中不要使用表达式
Make CSS and JS External–不要把CSS和js直接写入网页中,应加载外部
Reduce DNS Lookups–减少DNS查询的数量 )
Minify Javascript and CSS–去除JS和CSS中的冗余
Avoid URL Redirecting–减少重定向
Used Cookie Free Domains–用不会传递Cookie的域名
三.服务器层次加速WordPress
部分站长有自己的独立服务器或者VPS,这一部分是针对VPS或者独立服务器的。
※使用轻量级、高性能的Nginx
※PHP字节码缓存组件apc
※为网页静态元素设置过期时间(以Nginx为例)
※增加Etags
※其它负载均衡方法
四.间接wordpress加速方法
即鼓励和提醒访问用户放弃IE,使用FireFox、Opera、Chrome等高性能浏览器,间接加速WordPres
希望对你有所帮助 请采纳
WordPress给用户发送的邮件是十分原生态的,没有任何的修饰以及任何的美化,看过了网易邮箱以及其他的一些通知邮件,遂有了美化一下Wordpress评论邮件的想法,先写静态html,然后写成wordpress支持的邮件通知文件。
WordPress邮件通知系统美化版,包含功能如下:
1、评论审核通过通知用户
2、评论回复通知用户
3、网站后台登录失败通知管理员
4、注册用户资料信息更新通知用户
5、注册用户账户被管理员删除通知用户
6、网站发布新文章通知用户
使用方法如下:
Step1、下载notify.php,解压以后放在您的主题文件夹下
Step2、在functions.php中进行调用
1
include_once('notify.php');
注意事项:
1、注意nitify.php的放置位置以及调用路径必须一致
2、下载email.jpg文件,放在主题的images文件夹下面,请与代码第三行地址保持一致
3、代码26行定义了一个广告图片,建议大家使用photoshop制作以后换成自己的
4、174行定义了摘要显示字数,您可以随意换成您自己的哦