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表达式的使用
    • 使用事件代理

猜你喜欢

转载自www.cnblogs.com/Lolita-web/p/10457642.html