zoukankan      html  css  js  c++  java
  • 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表达式的使用
      • 使用事件代理

  • 相关阅读:
    Python 知识要点:函数
    软件测试
    软件测试
    软件测试
    SpringBoot框架
    Redis存储系统
    Linux系统
    maven
    shiro安全框架
    Mybatis框架
  • 原文地址:https://www.cnblogs.com/Lolita-web/p/10457642.html
Copyright © 2011-2022 走看看