千家信息网

优化wordpress博客的方法

发表于:2025-02-08 作者:千家信息网编辑
千家信息网最后更新 2025年02月08日,这篇文章主要介绍优化wordpress博客的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!wordpress博客怎么优化?我的优化步骤是:1.压缩CSS和JS文件,并修改一
千家信息网最后更新 2025年02月08日优化wordpress博客的方法

这篇文章主要介绍优化wordpress博客的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

wordpress博客怎么优化?

我的优化步骤是:

1.压缩CSS和JS文件,并修改一部分插件,优化页面的载入进程

一般需要另外加载JS或者CSS的插件都会存在add_action("wp_head","xxxx")或者add_action("wp_footer","xxxx")这两句代码,目的是把自己的脚本或者样式插入到主题的wp_head()和wp_footer()处,使插件可以正常工作(那些反映说插件激活了但看不到效果的人注意了,我观察到相当一部分人所使用的主题不能正常加载插件的脚本,缺的就是这两个函数了)。

下面转回正题。我们需要优化载入进程,也就是流量整形,把CSS文件移到head里(这点100%的插件都能做到,不用担心),把JS文件放在页面最后。我们可以把add_action(xxxx)这句删掉,然后手工把所需的文件插入到主题模板里。

2.压缩CSS和JS,缩短文件的加载时间

经常用jQuery写脚本的人应该比较清楚,未压缩版的jQuery库(1.3.2)大小为120K左右,但min版的只有56K。因为jQuery库min版经过YUI Compressor压缩,去除了代码里的注释、无用的空格和换行符。我们也可以用YUI来压缩一下自己的脚本,压缩率能达到30%~70%。由于软件版的YUI安装过程比较复杂,这里有个在线版。

而CSS的压缩就比较简单,就是去除换行符、空格和注释,大家可以用在线工具压缩一下。但主题的style.css头部被注释掉的主题信息不能删掉,否则可能导致主题不正常。

对于CSS的压缩,很多人用的PHP压缩。编写名为style.css.php的文件,内容如下:

代码如下:

if ( extension_loaded('zlib') and !ini_get('zlib.output_compression') and ini_get('output_handler') != 'ob_gzhandler' and ((version_compare(phpversion(), '5.0', '>=') and ob_get_length() == false) or ob_get_length() === false) ) {ob_start('ob_gzhandler');}else{ob_start();}//检查是否含有Gzip相关模块,有的话就采用Gzip传输,如果主机有Apache mod_deflate.c或其它等效模块的话,可以不写这段@header("Cache-Control: public");@header("Pragma: cache");//缓存文件$expiresOffset = 3600*24*365;@header( "Vary: Accept-Encoding" );@header( "Expires: " . gmdate( "D, d M Y H:i:s", time() + $expiresOffset ) . " GMT" );//设置缓存时间@header('Content-Type: text/css');//声明文件类型$cssdata = file_get_contents('style.css');//读取style.css的内容$cssdata = preg_replace(array('/\s*([,;:\{\}])\s*/', '/[\t\n\r]/', '/\/\*.+?\*\//'), array('\\1', '',''), $cssdata);//清除注释和换行符等echo $cssdata;//输出代码

把这个文件放在主题文件夹里,并把主题CSS的加载代码改为

代码如下:

当然JS文件也可以用PHP进行优化,但由于通常情况下加载的JS文件比较多,我通过另一个文件来间接加载JS。建立一个名为js.php的文件,内容如下:

代码如下:

if ( extension_loaded('zlib') and !ini_get('zlib.output_compression') and ini_get('output_handler') != 'ob_gzhandler' and ((version_compare(phpversion(), '5.0', '>=') and ob_get_length() == false) or ob_get_length() === false) ) {ob_start('ob_gzhandler');}else{ob_start();}//同样是Gzip压缩的语句$js_folder = "js/";//JS文件所在目录,相对路径$js_src = urldecode( htmlspecialchars( $_GET['src'] ) );//获取JS文件名$js_file = $js_folder.$js_src;//JS文件位置@header("Cache-Control: public");@header("Pragma: cache");//缓存文件$expiresOffset = 3600*24*365;@header( "Vary: Accept-Encoding" ); // Handle proxies@header( "Expires: " . gmdate( "D, d M Y H:i:s", time() + $expiresOffset ) . " GMT" );//设置缓存时间@header('Content-Type: text/javascript; charset: UTF-8');//声明文件类型$jsdata = file_get_contents($js_file);echo $jsdata;//输出内容

把这个文件放在主题目录下,在主题文件夹里建立一个JS文件夹,把所需的JS文件都放到这个文件夹里。改写一下主题,用以下方式加载JS文件:

代码如下:

如果你的主机有Apache mod_deflate.c模块,基本上可以忽略上面的方法,因为只需要在.htaccess文件里加入以下代码就可以实现全站Gzip传输了。而且压缩率更高。

代码如下:

AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript

3.整合CSS和JS文件

经过上面一番折腾以后,其实页面载入速度已经快很多了,但速度是没有止境的,我们追求更快。搞无可搞以后,只能从减少HTTP请求数下手了,这一步的目的尽量整合所有的CSS和JS。

整合CSS比较简单,用各种主流浏览器测试几个页面,没发现框架错位现象,把相关的CSS里的代码粘贴到style.css里,并把相关的CSS-image也复制到主题目录下,修改一下CSS里的图片路径就行了。

JS的整合方法则复杂点,要搞清楚那些脚本需要在对象加载前加载,否则是无效的,并且要注意不同插件的JS冲突问题。

整合完CSS和JS后,重返第一步,把插件里加载脚本和样式的语句删掉。

以上是优化wordpress博客的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

文件 主题 代码 插件 内容 脚本 整合 方法 文件夹 注释 缓存 页面 博客 换行符 时间 模块 目录 复杂 主机 就是 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 县财政局应急预案网络安全 阿里云服务器 内网ip 租服务器安全不实名认证 软件开发客户满意度 数据库不包含如何表达式 软件开发招投标和验收 网络技术赚钱兼职 腾讯游戏服务器管理软件 数据库时间计算天数 无线网络技术口碑推荐 管理后台数据库用什么技术 计算网络技术就业怎么样 海康威视服务器怎么查看型号 怎么制作网络安全宣传海报 传播网络安全知识的句子 虹口区通用软件开发服务货源充足 网络安全法关于网络公司 ipad企业软件开发 计算机网络技术方面书 网络安全伪基站经典案例 职校计算机网络技术课程有哪些 魔兽怀旧服务器怎么查看人数 计算机网络技术专升 rust怎么一聊天就退出服务器 福建创新网络技术服务供应商家 会员卡数据库设计 西部数据软件开发 万维网的网站是客户还是服务器 jq点击清空接口数据库 战术小队服务器管理
0