为了换肤，浏览器端编译LESS，用户体验如何？编译时间如何？

前端页面为了实现动态换肤效果，大致有几个方案：

• CSS 变量（缺点：浏览器兼容性）




• 样式预处理（ LESS，SASS 等），通过修改主题变量，编译出不同的 css 文件，缺点：不同的皮肤样式都是提前编译好的，用户没法运行时自主选择例如颜色、大小等




• 浏览器端编译 LESS，优点：运行时可选择任意颜色值，样式文件大小也足够小（但需要引入 less.js ）

目前基本打算使用浏览器端编译 LESS，有没有小伙伴也在用这种方案？

如果编译 ant design 这种级别的样式，是否有用可户感知的延迟？特别是在手机浏览器上呢？

这种方式是否影响 SEO （相对于传统 CSS 样式）？

或者，有没有其他的换肤方案，可以用户运行时任意选择颜色的？

css variable 最合适，上古浏览器的用户不需要支持换肤功能。