11.11云上盛惠!海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!
很多网站里会添加大量的JS代码,其中是统计啊,广告代码等一大堆的JS代码,如用某XX联盟的广告大部分时间打开网页的时候都显示在加载该联盟的广告,这样严重影响了用户的体验。有没有什么方法加快JS的加载呢?
Web标准开发非常注重代码的精简,在任何时候,我们都想文件拥有较小的体积,压缩JavaScript,CSS文件是比较有意义的,浏览器解析这些文件时不需要多余的空格,压缩后可以加快文件下载速度,再加上混淆处理后降低源码可读性,保护源码版权。
在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。
动态加载外部CSS与JS文件使用dom创建<script>或者<link>标签,并给他们附加属性,如type等。然后使用appendChild方法把标签绑定到另一个标签,一般是绑到<head>。