美文网首页
性能优化

性能优化

作者: 邵志远 | 来源:发表于2017-06-21 19:51 被阅读0次

性能优化有哪些方法

1.尽量减少http的请求数量

1.合并js。css
2.图片sprites

2.延迟加载内容

1.图片懒加载
2.功能懒加载(点击查看更多)
3.功能懒加载(曝光加载更多)

3.使用离线缓存

把更改少,常用的js css 图片通过localstorage缓存到浏览器

4.正确放置css,js文件位置

css放在head里
js放在html后面

5.静态资源压缩

图片,js,css压缩

6.静态资源使用多个域名

可以并发加载

7.静态资源使用cdn加载

8.DOM操作优化

1.缓存已经访问过的有关元素
2.线下更新完节点之后再添加到页面
3.避免使用js更改页面

9.尽量使用事件代理

不要再html中压缩图片

相关文章

  • Android性能优化 - 消除卡顿

    性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化 - 内存优化 性能分析工具 - Tra...

  • Android性能优化 - 内存优化

    性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化- 内存优化 性能分析工具 - Trac...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • Awesome Extra

    性能优化 性能优化模式 常见性能优化策略的总结 Spark 性能优化指南——基础篇 Spark 性能优化指南——高...

  • 常用的后端性能优化六种方式:缓存化+服务化+异步化等

    性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...

  • webpack 性能优化

    webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 优化调试功能 生产...

  • iOS性能优化 - 整理

    本文主要包含: 性能优化 - 卡顿性能优化 - 耗电优化性能优化 - APP启动优化安装包瘦身 一  性能优化 -...

  • 【React.js 20】React性能优化

    React性能优化 React性能优化主要分三块: React 组件性能优化 属性传递优化针对单组件性能优化,很多...

  • Android性能优化(下)

    Android性能优化 内存泄漏和性能优化方式Android性能优化(上)数据库优化和网络优化Android性能优...

网友评论

      本文标题:性能优化

      本文链接:https://www.haomeiwen.com/subject/ofsufxtx.html