WordPress前端优化设置教程

人类对速度的追求永无止境,站长对网站的速度追求也是如此。如果你对WordPress越来越臃肿、速度越来越慢而烦恼,那本文关于WordPress前端优化设置教程是你必看优化教程之一。无论是VPS还是传统的虚拟主机,对现有的服务器硬件来说性能已不是什么问题,那为什么还会慢呢?不外乎几方面:后端的数据读取与动态程序处理能力,前端的页面大小和传输问题,再加上中间的网络传输因素。

后端的数据读取与动态程序处理优化,网上有很多,比输启用 Memcached 内存缓存等等。但这一类技术教程对于一般博客主来说还是有一定的技术难度,而用虚拟主机的用户来说,后端优化主机运营商也不会给你去动,所以本教程仅针对前端优化。主要从以下几方面着手。

WordPress前端优化设置教程1技术教程主机格调

精简 header 头部代码;

WordPress程序的header.php默认文件里有很多我们平时根本不会用的代码,这些代码中,除了调用css或script脚本等必须的几个之外,其余的都是可以删除掉了,反正这些代码放着也是一种垃圾,对优化网站来说毫无用处。

对当前你所使用主题的functions.php文件进行编辑(建议修改前先对原文件进行备份),在?>之前添加以下代码: “

//精简header.php头部代码
remove_action('wp_head', 'rsd_link');//移除离线编辑器开放接口
remove_action('wp_head', 'wlwmanifest_link');//移除离线编辑器开放接口
remove_action('wp_head', 'wp_shortlink_wp_head');//移除短链接
remove_action('wp_head', 'start_post_rel_link');
remove_action('wp_head', 'adjacent_posts_rel_link');
remove_action('wp_head', 'wp_generator' );//移除WordPress版本
remove_action('wp_head', 'parent_post_rel_link', 10, 0 );//清除前后文信息
remove_action('wp_head', 'start_post_rel_link', 10, 0 );//清除前后文信息
//禁用WordPress Emoji功能
remove_action( 'admin_print_scripts',   'print_emoji_detection_script');
remove_action( 'admin_print_styles',    'print_emoji_styles');
remove_action( 'wp_head',       'print_emoji_detection_script', 7);
remove_action( 'wp_print_styles',   'print_emoji_styles');
remove_filter( 'the_content_feed',  'wp_staticize_emoji');
remove_filter( 'comment_text_rss',  'wp_staticize_emoji');
remove_filter( 'wp_mail',       'wp_staticize_emoji_for_email');
//移除自动保存和修订版本
remove_action('post_updated', 'wp_save_post_revision',10,1);//禁用修订版本
add_action( 'admin_print_scripts', create_function( '$a', "wp_deregister_script('autosave');" ) );//禁用自动保存,所以编辑长文章前请注意手动保存。
//精简header.php头部代码结束  

至于以上代码每条代表什么就看我的注释吧,这个不用我再说了,根据你自已的需求情况进行增减。

开启Gzip压缩

如果你的主机是Apache,并且支持mod_deflate.c模块,那只需要往博客根目录.htaccess放进以下代码既可。至于支不支持该模块,上传个探针测试一下就知道了。

<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/json application/x-httpd-php application/x-javascript
</ifmodule>

同时,有一些缓存插件也支持开启Gzip压缩功能,但我一般不建议用缓存插件进行加速。同时玩VPS的朋友,建议选择Apache,因为用它静态化实在太简单了。

如果你不想Gzip压缩,只是想对WordPress前端html代码压缩优化,那只需要把以下代码放进functions.php文件进行编辑(建议修改前先对原文件进行备份),在?>之前添加:

//压缩html代码 
function wp_compress_html(){
    function wp_compress_html_main ($buffer){
        $initial=strlen($buffer);
        $buffer=explode(\"<!--wp-compress-html-->\", $buffer);
        $count=count ($buffer);
        for ($i = 0; $i < = $count; $i++){
            if (stristr($buffer[$i], \'

<!--wp-compress-html no compression-->\')) {
                $buffer[$i]=(str_replace(\"

<!--wp-compress-html no compression-->\", \" \", $buffer[$i]));
            } else {
                $buffer[$i]=(str_replace(\"t\", \" \", $buffer[$i]));
                $buffer[$i]=(str_replace(\"nn\", \"n\", $buffer[$i]));
                $buffer[$i]=(str_replace(\"n\", \"\", $buffer[$i]));
                $buffer[$i]=(str_replace(\"r\", \"\", $buffer[$i]));
                while (stristr($buffer[$i], \'  \')) {
                    $buffer[$i]=(str_replace(\"  \", \" \", $buffer[$i]));
                }
            }
            $buffer_out.=$buffer[$i];
        }
        $final=strlen($buffer_out);   
        $savings=($initial-$final)/$initial*100;   
        $savings=round($savings, 2);   
        $buffer_out.=\"n

<!--压缩前的大小: $initial bytes; 压缩后的大小: $final bytes; 节约:$savings% -->\";   
    return $buffer_out;
}
ob_start(\"wp_compress_html_main\");
}
add_action(\'get_header\', \'wp_compress_html\');

Autoptimize–该插件支持html优化,注意重复优化。

压缩图片

图片的下载在网页打开的过程中,占用很多时间,而如果对这些图片进行压缩或者其他技巧(例如 lazy load)就可以减少这方面的时间。实践证明,对 jpg 图片进行 80% 的压缩,既保证了肉眼看不出质量问题又可以减少一些尺寸,对jpgpng格式的图片,可以使用 TinyPNG 来压缩。TinyPNG官方插件:Compress JPEG & PNG images

只需要激活并申请TinyPNG API key既可。到时你上传图片时它会自动压缩,效果非常不错,本文的这张原片原来有20KB,上传压缩后只有5K,实在是太厉害了。对了,每个月只能免费压缩500张图片,一般博客主足够用了。该插件设置也非常简单,界面简洁。对图片压缩,基本上是无损压缩。加快下载速度才是正确的做法。建议大家都启用该插件。

合并文件

这里的文件主要是指 CSS、JavaScript 文件,页面中每多一个 CSS、JavaScript 文件,浏览器就会多一个 HTTP 请求,就会多一个等待时间。理想状态下,最多只有一个 CSS、JavaScript 文件,并且进行压缩使其文件尽可能小,这方面建议使用 Autoptimize 插件。如果有能力的,还可以合并图标,把一些小图片合并起来,做成 CSS Sprite。

相信现在都有不少人在用该插件了。该插件支持HTMLCSSJS等文件的优化与压缩,如果你的主机已启用了Gzip压缩功能,那这里就不建议再开启了,因为二次压缩可能会产生问题。

页面静态化缓存

一说到页面静态化缓存,很多人就会想到WP Super Cache,建议我们在使用页面静态化缓存功能之前想想是否真的需要页面静态化吗?同时想想是不是需要WP Super Cache这个功能强大的插件?我可不喜欢该插件,因为本人来说它的设置太繁琐了。如果你的读者不多,不建议做这一部,如果真的要做,那我推荐另一个轻量级纯静态化插件:Super Static Cache

WordPress前端优化设置教程3技术教程主机格调

Direct模式是把缓存内容直接生成html文件存放在服务器上,所以你可想而已静态化的速度有多快了。同时该插件除了设置简单外,对缓存机制也非常简单,同时不影响到更新后的缓存问题。

WordPress前端优化设置教程5技术教程主机格调

静态文件Cookies本地缓存

如果你的主机是Apache,那只需要往博客根目录.htaccess放进以下代码既可。具体缓存内容和时间自已根据实际需求做调整吧。

<IfModule mod_headers.c>
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=2592000, public"
</FilesMatch>
<FilesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<filesmatch "\.(html|htm|php|shtml)$">
Header set Cache-Control "max-age=3600"
</filesmatch>
</IfModule>

这也是我的博客除了首次打开慢一点外,其它时候都是秒开的原因所在了。

使用CDN,加速你的静态文件

假如你的服务器在国外,国外访问起来就会超快,但是国内的访问者可能会由于距离和线路问题感觉很慢。成熟的 CDN 服务商在全国各地都会有服务器,如果你把静态文件放在上面,比喻广东地区访问你的网站,会从广东附近的服务器上下载文件,而且 CDN 的服务器和宽带为下载做了优化,速度一般会超过你的服务器,这样就可以大大的提速了,目前一般建议使用七牛云存储来加速静态文件,这里有 WordPress 插件:七牛镜像存储 WordPress 插件

如果你国外读者比较多,建议用CF和KeyCDN.

其它方面就是定期优化一下自已的数据库既可。是不是很简单呢?现在我的博客是本站架设在Vultr云主机上;CloudFlare提供源站加速与域名解析;由七牛云加速提供静态加速;再加以上的这些优化,无论是全球还是在国内,首次访问时间都控制在3秒左右,再次访问几乎是秒开了。

请留言告知一下你浏览本博客的速度和本文的评价,谢谢。如果不想留言,也可以点击评分对本文进行评价,谢谢。本了,本文图片全已压缩,你可以下载看看这些图片压缩后的大小,原图片大小都是50-70Kb左右的。

【声明1】:如本站转载别的站的文章,我个人没有添加来源,您可以发电邮:admin#zhuji.gd 提醒我,我会尽快添加文章来源。 【声明2】:本博客不参与任何交易及中介服务,只记录 VPS 测评和优惠,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
(0)
上一篇 05/03/2019 10:44
下一篇 05/03/2019 14:09

相关推荐

  • 知更鸟Begin WordPress主题美化修改教程

    如果你恰巧也在使用知更鸟begin WordPress主题,你可以直接复制代码过去。因为这些都是他已经使用过且完整无误的 推荐阅读:知更鸟Begin主题代码实现外链转内链并base64加密 begin主题添加《英雄榜》每评论一次你就会自动排第一代码 如何在begin主题实现评论自动排第一 哪些WordPress收费主题最靠谱? 不要随意安装来路不明的破解WordPress主题 如果你使用的是正版知更鸟主题,那么直接在后台的主题选项 - 定制风格 - 自定义样式 ...

    26/10/2019
    790
  • WordPress博客的百度快照怎么快速更新?

    我们的WordPress博客在大改版后,需要主动给搜索引擎提交,告诉它“我改版了,快来重新收录”。 对于不懂更新和删除百度快照人可能还有很多,今天给大家分享一下百度快照怎么快速删除? 一、什么是百度快照? 每个被收录的网页,在百度上都存有一个纯文本的备份,这个就被成为“百度快照”。 简单的说就是搜索引擎在收录网页的时候对每个网页都进行了备份存在自己的服务器上,所以百度快照的备份内容会和页面当前内容有出入。 互联网...

    25/03/2019
    690
  • WordPress插件:Username Changer直接修改用户名

    在安装WordPress程序时往往欠考虑,管理员账号用户名起的比较简单,有被暴力破解的可能。 WordPress默认在后台无法修改用户名,再新建一个管理员账号删除原来的,管理员的ID也会变。可以通过安装WordPress用户名修改插件:Username Changer,修改自己和其他注册用户的用户名称。 WordPress后台插件安装页面搜索:Username Changer。 安装启用后,进入用户→我的个资料页面,发现在原来灰色不可编辑的用户名右侧增加了一个“Userna...

    08/03/2019
    10.9K0
  • 怎么去选购台式机内存/显卡/硬盘

    在假期里配了台台式机,前前后后比价好几天,为此还开了京东plus会员,用了无数的券,才配好这台机器。 有朋友推荐到买淘宝整机,看了配置实在是宁美,攀升AMD和intel整机缩水都非常厉害,CPU用的都是散片、显卡,主板都是从工厂直接定的缩水版本,硬盘也是用的最普通的固态硬盘,实际到用一段时间后,机器稳定性要差不少。 自己去选配,同样的价格可以,买到更高配置的机器。。我自己的配置表如下: 1.intel 760p m.2接口 256g...

    技术教程 25/02/2019
    460
  • 打印机驱动怎么卸载删除的教程(Win7/Win10/Win11通用)

    怎么卸载删除打印机驱动,或者删除打印机驱动正在使用删不掉,删除打印机驱动提示正在使用,卸载打印机驱动非常麻烦,现在提供一下非常简单的删除卸载打印机驱动的教程,经过测试,在Win 7、Win 10、Win 11等系统都可以通用。 Win11、Win10、Win7基本操作思路是一样的,如果要删除需要到控制面板中操作,打开设备和打印机,点击任意一个打印机,上面会显示打印机服务器属性,大致思路是一样的。 在删除打印机驱动之前,关闭打印...

    24/08/2022
    930
  • VAICDN 免备案香港高防御 CDN,CN2线路/大带宽/超低延迟/免实名制

    现在但凡有点流量的站点,都会遭到不同程度的 DDOS 和 CC 攻击,就算购买所谓的高防 VPS 和高防服务器,都因为实际配置和过度宣传被误导实际不佳,没办法进行有效防御;效果好的比如CeraNetworks,价格高昂,对于普通站长,性价比不高。如果免费的可以考虑用 CloudFlare 免费 CDN,可是国内访问速度感人。还不如买一个高防 CDN 来进行有效防御,保证站点访问,以免影响收益。 VAICDN 是一家专业高防 CDN 商家,主打多节点、低延...

    24/07/2023
    5150
  • OpenTrace 跨平台可视化路由跟踪 MTR 软件使用教程

    OpenTrace 是 NextTrace 的一个 GUI 可视化软件,相当于把 NextTrace 的结果可视化出来,并且是跨平台的,支持 MTR 等功能,可视化效果看起来跟 BestTrace 差不多,也就是 traceroute。需要 NextTrace V1 (>= 1.1.7) 的可执行文件才能使用 OpenTrace。 官方网站:https://github.com/Archeb/opentrace OpenTrace 功能介绍 跨平台原生GUI(Windows WPF / Linux GTK / macOS) 界面熟悉,功能更强大。 用户友好的GUI和易于理解...

    07/09/2023
    2950
  • WordPress根据最后一次评论时间判断是否显示评论者链接

    现在WordPress博客博主指不定哪天就不更新关站,域名也不续费被域名注册商收回释放。 有很多域名就会被做小视频或者小图片的人购买解析到某站,指不定评论者的网站挂了,被搞成了有害人身心健康的网站呢。 而为了防范这种情况,同时也增强博客网站的互动性,可以根据评论者最后一次评论时间来决定是否显示评论者链接。 比如,评论者的最后一次评论时间距离当前时间超过了 10 天,就禁止显示评论者网站链接。 直接function.php贴...

    技术教程 02/04/2019
    710
  • 如何评测搬瓦工VPS?评测指标有哪些?

    在购买VPS主机之前,需要通过网友或者主机商提供的试用IP来对主机进行测试,看机器是否符合应用需求。 VPS主机测评有以下几个指标: 1、VPS 基本信息 基本信息包括 CPU、主频,内存,硬盘、机房位置、在线时间等的信息。这些主要取决于自己的 VPS 的配置。VPS在线时间可以看出 VPS 的稳定性,手里的搬瓦工传家宝和IOZOOM云主机,在线时间很长,说明VPS的稳定性很好。 2、硬盘 IO 硬盘 IO是硬盘读写速度。机房或者机器配置越新,...

    18/02/2020
    480
  • XIU 主题在首页最新发布文章标题后添加 NEW 图标

    本站使用的 XIU 主题首页文章是根据更新时间来排序,需要有醒目的 NEW 图标来辨识最新发布文章,24小时后自动取消。 大前端的 XIU 主题和DUX主题,需要修改 excerpt.php 文件,找到该段代码 echo‘<h2><a’._post_target_blank().’ href=”‘.get_permalink().'” title=”‘.get_the_title().get_the_subtitle(false)._get_delimiter().get_bloginfo(‘name’).'”>’.get_the_title().get_the_subtitle().'</a></h2...

    24/09/2020
    6.8K0
返回顶部