专栏首页怎么建网站WordPress网站插件装太多很卡怎么办?外贸网站加速方法

WordPress网站插件装太多很卡怎么办?外贸网站加速方法

网站装了太多插件速度慢怎么办?Asset CleanUp帮你优化速度

用WordPress搭建的外贸网站通常都会安装几十个不同功能的插件,然后访问网站就会感觉速度比较慢,我们可以使用Asset CleanUp这款优化插件来帮忙让网站速度变得快一点。

做Google SEO优化的朋友都知道,网站速度是影响搜索排名的一个因素,下面就跟着奶爸一起来使用Asset CleanUp优化下你网站的速度吧。

1、安装Asset CleanUp

安装Asset CleanUp的方法很简单,直接在 WordPress后台搜索Asset CleanUp然后安装就可以了。

2、安装完毕后我们启用。我们进入插件设置,需要先阅读Stripping the “fat” ,如下图:

在页面最底下有一句“ I understand how the plugin works and I will make sure to make proper tests (via “Test Mode” if necessary) after the changes I’m making. I’m aware that unloading the wrong CSS/JS files can break the layout and front-end functionality of the pages I’m optimising.”

我们需要打开阅读的选项然后保存设置Update All Settings

插件才会工作。

为了安全起见,我们可以同时打开Test Mode测试模式。

3、如果你使用了其他其他的一些优化插件,那么我们直接进入首页或者文章页精简资源就可以了。

如果你没有使用其他优化插件,那么可以切换到下面这几项里面设置一下

  1. Site-Wide Common Unloads 删除全站表情符号、评论代码等常见css和js文件;
  2. HTML Source CleanUp 清理头部的html标签;
  3. Local Fonts 本地字体,一般用不到;
  4. Google Fonts 国内网站直接选择Remove All,外贸网站的话可以合并请求;
  5. Disable XML-RPC 禁用XML-RPC协议,用不到的可以完全禁用。

4、随便找一篇文章或者页面,点击编辑,然后你可以在编辑框下面多了一个Asset CleanUp: CSS & JavaScript Manager区域。

5、屏幕往下滚动,查看当前页面不需要加载的插件的js和css文件,选择Unload。

例如截图中的LuckyWP Table of Contents这款插件是用来给文章添加分类目录的,在奶爸建站笔记首页明显是不需要加载的,所以我选择了Unload on this page。

作为外贸网站来说,首页的幻灯片插件、联系表单插件,在文章页,都可以不加载。

选择好unload的内容后更新文章,优化功能就设置好了。

6、最后我们来查看下优化效果。

从上面截图可以看到,优化前网站首页有52个请求,918kb大小。

优化后请求减少到37词,页面大小变成了590kb,减小了328k。

最后,Asset CleanUp带有专业版,专业版可以内联JavaScript文件、推迟加载css文件、在类别等更多的目录和页面上管理css跟js文件等功能,有强烈需求的用户可以购买,普通用户免费版就够用了。

喜欢本文,记得分享。

原文链接:https://blog.naibabiji.com/zi-yuan/asset-cleanup.html

原文链接:https://blog.naibabiji.com/zi-yuan/asset-cleanup.html

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 腾讯云使用安装宝塔面板小白视频教程

    本期的建网站视频教程 给大家分享的是宝塔面板小白安装教程。教程分为三个板块:1、安装前的准备工作。2、安装宝塔面板。3、宝塔面板安装WordPress网站。

    奶爸建站笔记
  • 腾讯云的域名证书哪里下载_备案域名证书获取方法

    在腾讯云给域名备案的时候,需要提供域名证书,对于才开始学习自己建网站的朋友来说,可能会有一个问题就是:域名证书从哪里找?域名证书从哪里下载?

    奶爸建站笔记
  • 自己怎么建网站第一步:网站规划

    怎么才能自己建立一个网站呢?虽然方法很简单,但是最开始我们还是应该要有一个网站规划。

    奶爸建站笔记
  • 轻量级日志收集转发 | fluent-bit指令详解(一)

    "本文主要对fluent-bit 1.3版本指令做详细介绍,关注后回复【pdf】获得文档"

    用户5166556
  • AXURE RP EXTENSION For Chrome下载安装,程序包无效:“CRX_HEADER_INVALID”

    Chrome 无法打开原型图 提示需要下载AXURE RP EXTENSION For Chrome 这个插件

    海加尔金鹰
  • Framework7 索引列表插件的异步加载实现

    前言 Framework7 作为移动端的开发框架的优良之处已经无需多言。现在已经有了 React 和 Vue 版本,之前在项目中用过 F7 + vue 的开发方...

    叙帝利
  • 10.27面试:Linux

    拥有者root拥有读、写、执行权限 所属组root拥有读、写、执行权限 其他人这个组拥有读、写、执行权限

  • 基于Python+ Flask + Pyecharts + Bootstrap 打造的前后端分离的疫情监控系统

    手撸了一个完整的实时疫情监控系统,基于Python + Flask + Pyecharts + Bootstrap,实现了前后端分离。核心功能包括:实时疫情概览...

    数据饕餮
  • AE工程文件拆解可行性分析

    根据AE的工程文件拆解出OPENGL渲染的有效步骤,作为shader的渲染的参数或者模块。通过研究AE的使用及开发流程,主要从下面几个方面出发。

    jerrypxiao
  • 2019-02-13 JAVA 8 LAMBDA 给对象排序

    https://www.baeldung.com/java-8-comparator-comparing

    Albert陈凯

扫码关注云+社区

领取腾讯云代金券