Magento2 性能优化之开启或禁用 Minify/Merge/Bundle js css html命令行

1. M2 开启状态查询SQL语句

select * from core_config_data ccd where path like (‘%dev/%’) order by scope

2. 通过M2 CLI开启/禁用 JS

使用以下命令 - 从 SSH/Putty/CMD 禁用 (0) / 启用 (1)。

合并JavaScript文件-将多个JavaScript文件合并到一个文件中，以缩短页面加载时间

php bin/magento config:set dev/js/merge_files 1

缩小JavaScript文件-删除不必要的字符、空格和缩进，以减少代码的大小

php bin/magento config:set dev/js/minify_files 1

启用JavaScript绑定-确定是否可以将多个JavaScript文件绑定到一个文件中

php bin/magento config:set dev/js/enable_js_bundling 1

3. 通过M2 CLI开启/禁用 CSS

使用以下命令 - 从 SSH/Putty/CMD 禁用 (0) / 启用 (1)。

合并CSS文件-将多个CSS文件合并为一个文件，以提高页面加载时间

php bin/magento config:set dev/css/merge_css_files 1

精简CSS文件-删除不必要的字符、空格和缩进，以减少代码的大小

php bin/magento config:set dev/css/minify_files 1

使用CSS关键路径-CSS关键路径在＜head＞中内联提供精简的关键CSS，并延迟异步加载的所有非关键样式

php bin/magento config:set dev/css/use_css_critical_path 1

4. 通过M2 CLI开启/禁用 html

使用以下命令 - 从 SSH/Putty/CMD 禁用 (0) / 启用 (1)。

最小化Html-确定是否最小化存储模板的Html

php bin/magento config:set dev/template/minify_html 1

5. 调整后重新进行更新编译

php bin/magento s:up
php bin/magento s:d:c
php bin/magento s:s:d -f
php bin/magento c:c
php bin/magento c:f

6. 注意事项

1. 此方式仅在原生功能上生效，也就是说如果安装了三方extension，如swissup pagespeed等效果就不一样了，原生只有在mode在developer时后台才会有这部分的配置选项，production mode则会自动隐藏。所以用命令行这种方式可无视deploy:mode…
2. 比较一下开启跟没开启之间他们的load time啦，finish time啦，requests数量啦是否有变化，我这边requests至少减少了三分之二，速度提升至少3s。