美文网首页
前端性能优化感悟

前端性能优化感悟

作者: 吃瓜朝阳群众 | 来源:发表于2019-10-12 10:17 被阅读0次

1.减少http请求数量

  • 合并引用的较小的资源

2.利用CDN

https://www.jianshu.com/p/6cfb0b65b556

3.使用DNS预解析

<!--https默认关闭,需要手动打开-->
<meta http-equiv="x-dns-prefetch-control" content="on|off" />
<link rel="dns-prefetch" href="//m.jd.com" />

4.代码异步加载

1.通过js动态添加元素进行异步加载

2.使用defer 和 async 实现加载

<!--执行在加载和整个页面解析完成后,即DOMContentLoaded后,按照文档中顺序执行-->
<script defer src="//www.test.com/test.js" type="text/javascript"/>
<!--异步加载,加载完成即开始执行,不限制执行顺序-->
<script async src="//www.test.com/test.js" type="text/javascript"/>

参考资料:defer和async的区别

5.利用缓存

1.强缓存

  • Expires
  • Cache-Control
    2.协商缓存
  • Cache-Control: no-cache

相关文章

  • 前端性能优化(中)

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

  • 前端性能优化(下)

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

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 前端性能优化感悟

    1.减少http请求数量 合并引用的较小的资源 2.利用CDN https://www.jianshu.com/p...

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

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

  • 关于前端性能优化问题详解

    关于前端性能优化问题详解 出处:http://segmentfault.com/blogs 前端性能优化指南 AJ...

  • 前端性能优化

    前端性能优化 下面是我认知的前端性能优化的策略,本书主要着手 JavaScript 优化展开阐述。 JavaScr...

  • 2019-10-22

    2018 前端性能优化清单

网友评论

      本文标题:前端性能优化感悟

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