当前位置: 首页 > 网络应用技术

JavaScript脚本优化的10条技术

时间:2023-03-05 23:40:05 网络应用技术

  现在,Web应用程序包括网站,几乎与JavaScript密不可分。您可以大胆地说,不使用JavaScript的情况下不使用JavaScript的Web应用程序。在本文中,将汇总一些JavaScript,以优化Web渲染速度和性能方面的技能。

  将脚本提取到独立文件中有许多优点,这可以显着降低HTML代码的大小。

  该属性告诉浏览器,脚本在整个页面上加载和呈现后只能处理或或可以处理。属性仅适用于放置在单独文件中的脚本。

  阻止JavaScript是一个脚本,必须在建造树之前执行。JS脚本将防止渲染。无论是具有属性的标签还是作为内部脚本。

  属性的工作方法与文本结束之前添加的锁定脚本完全相同。这是有效的更高的位置。例如,在标签中,这可能会停止工作,具体取决于添加的脚本。

  通过删除多余的字符,例如空间,制表,更改甚至整个注释块,您可以将任何文本资源最小化。使用HTML或CSS代码,可以将JavaScript代码比较最小化。在这方面的更多可能性。函数和变量的名称可以转换为单个字母等效物,这不会改变编程函数的含义。阅读有关最小化文本资源和自动化技术的更多信息。

  下载后,包含JavaScript代码的文件可以保存在浏览器的缓存中:通常在本地磁盘上。当您访问此文件下一个子页面时,它将不必下载和执行昂贵并再次下载请求。服务器可能会发送或标头,该服务器告诉浏览器在指定的时间段内复制文件并使用不变的版本。

  JavaScript文件是文本。众所周知,文本可以使用标准数据压缩算法进行压缩。用户不可见由模块在服务器端执行的压缩,最多可以节省80%的流量。在提供JavaScript文件和其他文本资源的任何服务器上,都应安装并启用Google开发的模块或传统或模块(CSS),XML)。

  有时,JavaScript脚本将添加到没有任何功能的页面上,该功能可以是可以在另一个子页面上使用的函数,也可以是在后续更新中撤回的函数。

  如果重复并知道它不会经常更改,则文件的内容可以存储在临时变量中。

  在编程延迟加载机制时,您可以使用节流技术,包括降低扳机的强度以触发扳机。使用条件句子的简单结构可以使事件侦听器忽略某些事件,并且该功能仍然有效。

  在JavaScript中使用页面优化是值得的,因为以不同方式实现的相同功能可能会降低页面速度或对加载时间没有影响。