课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
JavaScript编程开发语言是程序员在开发软件的时候会经常用到的一个编程语言,而今天我们就通过案例分析来了解一下,JavaScript编程开发性能优化方法。
1.将JavaScript提取到单独的文件中
将脚本提取为独立的.js文件有很多优点,其中可以明显减小HTML代码的大小。
2.异步
async属性告诉浏览器该脚本不会影响DOM或CSSOM,并且只能在整个页面加载和呈现后进行处理。async属性仅适用于放置在单独文件中的脚本。
3.阻塞JavaScript
阻塞JavaScript是一个必须在构建CSSOM树之前执行的脚本,JS脚本会阻止渲染,无论是作为带有src属性的标记还是作为内联脚本。
4.defer
defer属性的工作方式与在正文结束标记之前添加的锁定脚本完全一样。它有效是因为即使带有src属性的<script>标记附加到页眉,它也会被添加到页脚。defer属性可能会导致脚本放置在更高的位置,例如,在body标签中,这可能会停止工作,具体取决于添加了defer的脚本。
5.压缩JavaScript脚本
通过删除多余的字符,例如空格、制表符、换行符甚至整个注释块,可以小化任何文本资源。与HTML或CSS代码相比,JavaScript代码可以被小化。由于许多语法缩短技术,我们在这方面有更多的可能性。函数和变量的名称可以转换为单字母等价物,这不会改变编程功能的含义。阅读有关小化文本资源和自动化此过程的技术的更多信息。
6.浏览器缓存(Cache-Control、Expires、E-Tag)
下载后,包含JavaScript代码的.js文件可以保存在浏览器的缓存中:通常是在本地磁盘上。下一次子页面访问此文件时,它将不必再次下载并执行昂贵的HTTP和下载请求。
服务器可能会发送一个Cache-Control或Expires标头,它告诉浏览器复制文件并在指定的时间段内使用未更改的版本。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。