你有用过哪些前端性能优化的方法?

你有用过哪些前端性能优化的方法?
最新回答
和快乐签约

2024-01-15 13:43:42

这个是面试常问的问题了。

我来简单说下几个方面:

1.减少http请求:在YUI35规则中也有提到,主要是优化js、css和图片资源三个方面,因为html是没有办法避免的。因此,我们可以做一下的几项操作:

  • 合并js文件

  • 合并css文件

  • 雪碧图的使用(css sprite)

  • 使用base64表示简单的图片

2.减少资源体积

  • 压缩css

  • 压缩js

  • 压缩图片

3.图片加载处理:

  • 图片预加载

  • 图片懒加载

  • 首屏加载时进度条的显示

就简单说这些,特别详细的可以网上看下。

夏日薄雪

2021-07-13 11:33:33

css样式尽量使用class做到代码复用
重复的代码封装为函数减少代码量
删除冗余代码,精简HTML页面的标签数
JavaScript代码放在body标签后引入