css 、js如何做优化，css js性能优化

CSS 和 JavaScript 是构建现代网站和应用程序的关键组成部分，但如果不进行适当的优化，它们可能会成为性能瓶颈。以下是一些关于如何优化 CSS 和 JavaScript 的建议：

**CSS 优化：**

1. **使用 CSS 预处理器：** 如 Sass 或 Less，它们允许你使用变量、嵌套规则、混合等功能，使 CSS 更易于维护和重用。
2. **避免使用 @import：** @import 指令会导致额外的 HTTP 请求，从而降低页面加载速度。尽可能地合并 CSS 文件。
3. **使用 CSS 属性和简写属性：** 如 `background` 属性可以设置背景图像、背景颜色和背景位置。
4. **避免使用 `!important`：** `!important` 会降低 CSS 选择器的特异性，使样式更难以覆盖，并可能导致样式表难以维护。
5. **使用 CSS 动画代替 JavaScript 动画：** CSS 动画通常比 JavaScript 动画更快，消耗的资源更少。

**JavaScript 优化：**

1. **延迟脚本的加载：** 将脚本放在文档的底部，或者使用 `async` 或 `defer` 属性来延迟脚本的加载。
2. **避免内联脚本：** 内联脚本会阻塞页面的解析，导致页面加载变慢。将脚本移到外部文件中可以提高加载速度。
3. **使用事件代理：** 事件代理可以减少内存占用，提高性能。
4. **避免全局查找：** 在 JavaScript 中，全局查找是昂贵的操作。尽可能地使用局部变量和函数参数。
5. **使用 Web Workers：** Web Workers 可以让你在后台线程中运行 JavaScript，不会阻塞主线程。

以上就是一些基本的 CSS 和 JavaScript 优化技巧，希望对你有所帮助。