现在网站上有很多很酷的特效,以前很多都是用flash技术,由于html5和css3的发展,加上手机网站的发展flash技术不支持,所以现在网站上的一些效果基本上是javascript来实现。
JavaScript它通常用于创建交互式网页,JavaScript直接在用户浏览器上执行,好的js用户体验的效果会很好。
但是Javascript其实也需要优化,一些基础差的前端人员写的js脚本会延迟页面,甚至让浏览器崩溃,这不好,这也是技术人员想要解决的问题,但由于各种原因总是出现各种各样的原因bug,现在搜索引擎的抓取能力很强,百度应该能够识别简单javascrip脚本,有些seoer不要在网站上使用js剧本,我不同意这个想法。如果一个网站不需要,js效果,你可以想象这个网站有多无聊,这种网站没有用户体验,即使百度搜索,用户也不感兴趣浏览。
但使用过多js脚本在网站制作中也有弊端,因为搜索引擎主要包含网站文本内容。如果整个网站页面充斥着大量的网站,js脚本,搜索引擎会认为这个页面没有足够的文本内容而不包含,所以。对于使用。js有效的站长,本文给出以下建议:
1.不要大量使用太复杂的JavaScript技术,这不利于搜索引擎的收录
2.不要阻止对.js否则,文件的收录将受到限制JavaScript分析能力。
3.合理规划html和js脚本,js脚本尽量在js调用文件,而不是和谐html混合一起。
4.删除未使用的代码和功能
您的应用程序包含的代码越多,您需要向客户端传输更多的数据。浏览器还需要更多的时间来分析和解释代码。
有时候,你可能会打包很多你根本不能使用的功能。最好只在开发环境中保留这些额外的代码,而不是将其推送到生产环境中,以免增加客户端浏览器的负担。
不断地问自己,某个功能或代码段是否必要。
您可以手动删除未使用的代码,也可以使用Uglify或谷歌的ClosureCompiler删除它们等工具。您还可以使用一种叫做摇树优化的技术,从应用程序中删除未使用的代码。Webpack这种包装软件提供了这种技术,详情请参考:
https://www.infoq.cn/article/dcKcJiT8aeEBNZbdotFF
删除未使用的npm软件包,可以使用命令包,npmprune,详细信息参考NPM文档。
https://docs.npmjs.com/cli-commands/prune.html
5.尽量缓存
缓存可以减少延迟和网络流量,从而减少显示资源表示所需的时间,从而提高网站的速度和性能。缓存可以使用CacheAPI或HTTPcaching来实现它。你可能想知道内容变化时会发生什么。当满足某些条件(如发布新内容)时,可以处理并重新生成缓存。
6.避免内存泄漏
作为一种高级语言,JS它将负责一些基本的管理工作,如内存管理。垃圾回收是大多数编程语言的共同过程。用外行的术语来说,垃圾收集是收集和释放分配给对象但尚未在程序的任何部分使用的内存。开发人员必须使用像C这样的编程语言malloc()和dealloc()函数处理内存分配和释放操作。
虽然在JavaScript垃圾回收是自动进行的,但在某些情况下并不完美。在某些情况下。JavaScriptES6中,引入了Map和Set及其“weaker”同级对象。被称为WeakMap和WeakSet的“较弱”对应项持有对象“弱”引用。它们使未引用的值能够被垃圾回收,从而防止内存泄漏。您可以在这里了解相关情况。WeakMaps更多信息:
https://blog.bitsrc.io/understanding-weakmaps-in-javascript-6e323d9eec81
7.尽快打破循环
超大循环肯定会要很多时间,所以你应该尽快打破这些超大循环。您可以使用它。break关键字和continue关键词来做这件事,从而编写更有效的代码。
8.最小化变量计算的次数
为了减少计算变量的次数,可以使用闭包。一般来说,JavaScript闭包允许您从内部函数访问外部函数作用域。每次创建函数(不调用)时,都会创建闭包。即使返回外部函数,内部函数也有权访问外部作用域的变量。
9.尽量减少DOM访问
与其他JavaScript与句子相比,访问DOM速度很慢。假如你是对的。DOM改变,触发布局重新绘制,那么就得等一会儿。
减少访问DOM请访问元素的次数,然后将其用作局部变量。完成需求后,请将其设置为null去除变量值。这将防止内存泄漏,因为它会触发垃圾回收过程。
10.压缩文件
通过压缩(例如Gzip)可以减小JavaScript文件的大小。较小的文件会提高你的网站性能,因为浏览器只需要下载较小的资产。
11.缩小最终代码
有些人认为缩小和压缩是一样的,但事实并非如此。在压缩过程中,我们使用特殊的算法来改变文件的输出大小;在缩小时,我们需要删除JavaScript文件中的注释和多余的空间。你可以在网上找到很多工具和软件包来帮助完成这个过程。缩小已成为页面优化的标准实践,也是前端优化的主要步骤之一。
12.避免使用Delete关键字
delete关键字用于从对象中删除属性。这个关键字的性能不是很好,预计它将在未来的更新中得到修复。
以上就是在做网站建设使用js需要优化的建议,希望本文可以帮助到大家。
TAG标签:上海网站建设网站建设联系人:LauEl
手机:骚扰电话太多,请加QQ
邮箱:11447474@qq.com
地址: 上海市普陀区环球港157号