02、如何进行网站性能优化或怎么加快页面的加载速度

2.如何进行网站性能优化？

1) 减少HTTP请求数

• 合并js文件
• 合并css文件
• 雪碧图的使用(css sprite)
• 使用base64表示简单的图片

2）减小资源体积

• gzip压缩
• js混淆
• css压缩
• 图片压缩

3）缓存

• DNS缓存
• CDN部署与缓存
• http缓存

4）移动端优化

• 使用长cache，减少重定向
• 首屏优化，保证首屏加载数据小于14kb
• 不滥用web字体

5) 优化网页渲染：

• css的文件放在头部，js文件放在尾部或者异步
• 尽量避免內联样式

6) DOM操作优化

• • 避免在document上直接进行频繁的DOM操作
  • 使用classname代替大量的内联样式修改
  • 对于复杂的UI元素，设置position为absolute或fixed
  • 尽量使用css动画
  • 使用requestAnimationFrame代替setInterval操作
  • 适当使用canvas
  • 尽量减少css表达式的使用
  • 使用事件代理

转载于:https://www.cnblogs.com/Lolita-web/p/10457642.html