你的位置:首页 > 软件开发 > Java > 浏览器渲染阻塞与优化

浏览器渲染阻塞与优化

发布时间:2016-08-12 22:00:07
我认为一个前端工程师是否优秀,很大程度上取决于对前端性能上优化的功力。所以性能优化对前端真的很重要!!!本文介绍了什么是阻塞、为什么会阻塞?阻塞优化常用的5种方式以及他们的注意事项。 浏览器渲染阻塞与优化 什么是阻塞?在页面中我们通常会引用外部文件,而浏览 ...
我认为一个前端工程师是否优秀,很大程度上取决于对前端性能上优化的功力。所以性能优化对前端真的很重要!!!                注:实际测试中IE10+才支持,火狐,谷歌,Microsoft支持;用了async不要使用document.write()方法;使用async时最好不要请求样式信息,原因和defer一样。
 1 <script type="text/javascript"> 2   (function() { 3   var s = document.createElement('script'); 4   s.type = 'text/javascript'; 5   s.async = true;                    //这句可以删除,但是效果不变。 6   s.src = 'js/a.js'; 7   var x = document.getElementsByTagName('script')[0]; 8    x.parentNode.insertBefore(s, x); 9  })();10 </script>
                    注意:这种方**阻止onload事件,比如下面的代码,会等到a.js中的弹出框弹出后再执行。          注:DOMContentLoaded与onload事件不同,DOMContentLoaded是页面解析完成,页面的dom元素可以使用,但是页面的图片、视频等资源可能还没加载完成

原标题:浏览器渲染阻塞与优化

关键词:浏览器

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。