DedeCMSjs加载慢得像蜗牛？这4招10分钟就能改好

上周帮楼下开社区生鲜店的张哥调网站，差点笑出眼泪——又差点急哭。他之前在淘宝200块淘的DedeCMS生鲜模板，昨天打电话说，晚高峰顾客点完菜跳转结算页，白屏等了半分钟，不少人直接退出去点别家。后台拉数据一看，直接少了12单。 打开他的网站源码，我人傻了：所有js全堆在标签里，连手机端都没适配懒加载，连轮播图、弹窗插件这种没用的默认js也没删。说白了，DedeCMS很多老模板都是图省事瞎拼的js，完全不管加载逻辑。这篇文章讲的全是小白能直接复制粘贴、不用懂复杂编程的干货，10分钟左右能改完，亲测能让网站加载快3-5倍。 1. 第一步：先把没用的默认js全删掉 老模板的默认js就是“僵尸程序”，占位置还拖后腿，一定要先清掉。 1.1 找到js文件的存放路径 先打开你的DedeCMS后台，或者直接用FTP工具连网站空间。不管哪种方式，核心路径只有一个：/templets/你的模板名称/js/，别找错了其他文件夹的。 举个例子，张哥用的模板叫“shengxian2023”，那路径就是/templets/shengxian2023/js/。 1.2 对照自己的网站功能删文件 别乱删，先对照自己网站开了啥功能： - 没有轮播图、幻灯片：删掉swiper.js、slide.js、default_slide.js这类 - 没有在线客服弹窗：删掉kefu.js、chat.js这类 - 没有分享到朋友圈/微博的按钮：删掉share.js、jiathis.js这类 - 没有评论模块（DedeCMS默认评论基本没人用）：删掉feedback.js、dedecms_comment.js这类 避坑提醒：删之前先把整个js文件夹打包备份到本地电脑，万一删错了功能还能救回来。 1.3 找到引用这些js的代码一起删 光删文件没用，页面上还留着引用代码，一样会报错拖慢。打开模板文件夹里的index.htm（首页）、list_.htm（列表页）、article_.htm（文章页/详情页）、show.htm（可能是展示页）这几个核心文件，用搜索工具搜“.js”，找到刚才删掉的文件名对应的引用行，整行删掉就行。 比如刚才删了swiper.js，就搜索“swiper.js”，找到类似``的代码，全选整行按delete。 2. 第二步：把核心js从头部移到尾部 这是见效最快的一招！头部js会“挡路”，浏览器必须先把所有头部js加载完，才会显示页面内容；而尾部js是“后台干活”，不耽误你看图片文字。 2.1 确定哪些js可以移到尾部 不是所有js都能随便移，但DedeCMS老模板里的99%的js都可以： - 模板自带的交互js（比如菜单折叠、图片放大） - 轮播图、分享插件这类非基础展示js - 统计代码（比如百度统计、谷歌分析） 只有一种js不能移：负责判断浏览器版本、适配移动端屏幕尺寸的基础兼容性js，这类一般文件名带“common”、“compat”或者开头只有几个字母的min版，比如张哥模板里的common.min.js就留头部。 2.2 具体操作步骤 举个例子修改首页index.htm： 第一步，打开index.htm，把标签里除了刚才留的基础js，其他所有带` ``` 避坑提醒：如果几个js之间有依赖关系（比如a.js必须先加载完才能加载b.js），就不能加async，不然可能会报错。依赖关系一般模板里会标，比如a.js在b.js前面引用，这种就别单独加。 4. 第四步：把零散的小js合并成一个 如果尾部还有5、6个小js，浏览器要分别请求5、6次服务器，每次哪怕只有1KB，加起来也慢。不如把它们合并成一个，只请求一次。 4.1 怎么合并零散的小js？ 不用装软件，直接用电脑自带的记事本就行： 第一步，把所有要合并的js文件，按之前的引用顺序，一个接一个复制到记事本里； 第二步，保存的时候，文件名随便起，比如叫“all.min.js”，后缀一定要是“.js”； 第三步，把all.min.js上传到原来的js文件夹里； 第四步，把原来模板里的5、6个引用代码删掉，换成一条all.min.js的引用代码。 4.2 有没有必要压缩js？ 压缩就是把js里的空格、换行、注释全删掉，能减少一半左右的文件大小。如果合并后的all.min.js超过100KB，最好压缩一下。 压缩也不用装软件，直接搜“在线js压缩工具”，随便找一个免费的，把刚才的记事本内容粘贴进去，点击压缩，再复制粘贴回记事本保存就行。 刚才帮张哥改完，用站长工具测了一下，原来首页加载要2.8秒，现在只有0.6秒，手机端更快，只有0.4秒。刚才刚好有个阿姨进店扫码加微信，顺便点了菜，跳转结算页1秒就出来了，阿姨都夸“今天这个网站比昨天顺多了”。 别等明天，别等下周，现在就打开你的DedeCMS后台或者FTP工具，照着这4招改：先清僵尸js，再移核心到尾部，然后加async开关，最后合并压缩。改完记得用手机和电脑分别测一下，加载速度肯定有惊喜。