CSS-in-JS 性能对比#

基础渲染性能对比#

import { FullscreenOutlined } from '@ant-design/icons';
import { Button } from 'antd';

export default () => (
  <a href="https://cssinjs-benchmark.arvinx.app/large-content" target={'_blank'}>
    <Button type={'primary'} icon={<FullscreenOutlined />}>
      点击全屏查看
    </Button>
  </a>
);

动态值渲染性能对比#

import { FullscreenOutlined } from '@ant-design/icons';
import { Button } from 'antd';

export default () => (
  <a href="https://cssinjs-benchmark.arvinx.app/dynamic-value" target={'_blank'}>
    <Button icon={<FullscreenOutlined />}>点击全屏查看</Button>
  </a>
);