减少 HTTP 请求数

减少 DNS 查询

使用 CDN

避免重定向

图片懒加载

减少 DOM 元素数量

减少DOM 操作

使用外部 JavaScript 和 CSS

压缩 JavaScript 、 CSS 、字体、图片等

优化 CSS Sprite

使用 iconfont

字体裁剪

多域名分发划分内容到不同域名

尽量减少 iframe 使用

避免图片 src 为空

把样式表放在link 中

把JavaScript放在页面底部

该组件需要提供hook指定渲染位置，默认渲染在body下面。

然后改组件可以指定外层样式，如宽度等

组件外层还需要一层mask来遮住底层内容，点击mask可以执行传进来的onCancel函数关闭Dialog。

另外组件是可控的，需要外层传入visible表示是否可见。

然后Dialog可能需要自定义头head和底部footer，默认有头部和底部，底部有一个确认按钮和取消按钮，确认按钮会执行外部传进来的onOk事件，然后取消按钮会执行外部传进来的onCancel事件。

当组件的visible为true时候，设置body的overflow为hidden，隐藏body的滚动条，反之显示滚动条。

组件高度可能大于页面高度，组件内部需要滚动条。

只有组件的visible有变化且为ture时候，才重渲染组件内的所有内容

减少 HTTP 请求数

减少 DNS 查询

使用 CDN

避免重定向

图片懒加载

减少 DOM 元素数量

减少DOM 操作

使用外部 JavaScript 和 CSS

压缩 JavaScript 、 CSS 、字体、图片等

优化 CSS Sprite

使用 iconfont

字体裁剪

多域名分发划分内容到不同域名

尽量减少 iframe 使用

避免图片 src 为空

把样式表放在link 中

把JavaScript放在页面底部

该组件需要提供hook指定渲染位置，默认渲染在body下面。

然后改组件可以指定外层样式，如宽度等

组件外层还需要一层mask来遮住底层内容，点击mask可以执行传进来的onCancel函数关闭Dialog。

另外组件是可控的，需要外层传入visible表示是否可见。

然后Dialog可能需要自定义头head和底部footer，默认有头部和底部，底部有一个确认按钮和取消按钮，确认按钮会执行外部传进来的onOk事件，然后取消按钮会执行外部传进来的onCancel事件。

当组件的visible为true时候，设置body的overflow为hidden，隐藏body的滚动条，反之显示滚动条。

组件高度可能大于页面高度，组件内部需要滚动条。

只有组件的visible有变化且为ture时候，才重渲染组件内的所有内容