web前端性能优化总结

本篇内容介绍了“web前端性能优化总结”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！1.原则多使用内存，缓存或者其他方法减少CPU计算，减少网络请求减少IO操作（硬盘读写）2.加载资源优化静态资源的合并和压缩。静态资源缓存（浏览器缓存策略）。使用CDN让静态资源加载更快。3.渲染优化CSS放head中，JS放body后图片懒加载减少DOM操作，对DOM操作做缓存减少DOM操作，多个操作尽量合并在一起执行事件节流尽早执行操作 DOMContentLoaded4.示例4.1 资源合并4.2 缓存通过连接名称控制缓存只有改变内容的时候，链接名称才会改变。4.3 懒加载4.4 缓存dom查询4.5 合并dom插入4.6 事件节流监听文字改变事件，无操作100毫秒后执行操作，不用每次触发。事件节流主要用于触发频率较高的事件，设定一个缓冲触发事件。补充异步加载非核心代码异步加载 – 异步加载的方式 – 区别1.动态脚本加载用js创建2.defer3.async关于 defer，我们还要记住的是它是按照加载顺序执行脚本的标记为async的脚本并不保证按照指定它们的先后顺序执行。对它来说脚本的加载和执行是紧紧挨着的，所以不管你声明的顺序如何，只要它加载完了就会立刻执行。浏览器缓存浏览器缓存 – 缓存的分类 – 缓存的原理缓存就是html文件在本地存在的副本，强缓存发现有缓存直接用。协商缓存询问服务器缓存是否可以用，在进行判断是否用。Last-Modified/If-Modified-SinceEtag/If-None-Match这两个值是由服务器生成的每个资源的唯一标识字符串，只要资源有变化就这个值就会改变；其判断过程与Last-Modified/If-Modified-Since类似，他可以精确到秒的更高级别。“web免费云主机、域名前端性能优化总结”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站，小编将为大家输出更多高质量的实用文章！

相关推荐: HTML中应用CSS的三种方法分别是什么

本篇文章给大家分享的是有关HTML中应用CSS的三种方法分别是什么，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说免费云主机、域名，跟着小编一起来看看吧。你对把CSS应用到HTML中去的方法是否了解，这里和大家分享一下，主…