前端笔记-前端优化简要大总结_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端笔记-前端优化简要大总结_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1570字，纯文字阅读大概需要3分钟。

内容图文

1. 服务器方面：
   
   1. 提高自己服务器质量，带宽等方面
   2. 开启浏览器缓存，减少http请求
   3. 开启gzip压缩
   4. 使用内容分发网络cdn
2. html界面
   
   1. css文件放在head，js文件放在html尾部。下载某一个js时其他任务是暂停的，需要等这个JS下载并执行完毕后再下载其他的
   2. 不适用内联css
   3. 尽量减少标签，不多用一个标签，如clear清楚浮动用 :after
   4. js的延迟加载，异步加载，使用defer标签 、 async="true"
   5. 减少dns查询。每引用一个来自外部的文件，就会有一个dns查询，一般对首次访问网站的速度会有影响
   6. 避免出现404，下载js时遇到404是很大的问题
   7. 避免出现空的src，如 src=""
   8. 减少http请求：图片sprite技术，结合css、js代码
3. 代码方面
   
   1. 项目最后使用压缩工具压缩css，js
   2. css的class不要太长，要有清楚的层级关系
   3. js操作样式时使用class，html里不使用内联css和js代码
4. JS的优化
   
   1. 字符串的拼接：使用 += 是较低效的，可使用数组的 join() 方法
   2. 使用循环时尤其不要使用 for(in),while比for(;;)效率要高一点
   3. 局部变量的访问速度比全局变量更快，而且要尽量避免全局变量
   4. 对DOM元素的每一次操作代价都比较高，所以尽量少得操作。比如for循环中有对字符串的拼接，然后使用innerHTML操作,就应该把innerHTML放在for循环外面
   5. 对某个dom节点进行操作时，将这个dom节点存在一个局部变量中
   6. 关于字符串遍历，优先使用正则表达式
   7. 变量类型转换
      
   8. 把数字转换成字符串 (""+)>String()>.toString()>newString()
   9. 字符串转换成数字 parseInt()
   10. 浮点型和整型之间的转换 Math.floor()或者Math.round()
   11. 使用直接量 var a = [] 比var a = new Array()快
   12. 创建dom节点 最好不要直接写字符串，而应该调用creatElement()方法

内容总结

以上是互联网集市为您收集整理的前端笔记-前端优化简要大总结_html/css_WEB-ITnose全部内容，希望文章能够帮你解决前端笔记-前端优化简要大总结_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端