cangowu的博客

上一张讲了关于图标使用雪碧图或者内联图片可以提升性能，但是在工作和开发中我们可能还是会遇到，一个界面加载很多js、css、大的背景图片的时候，这里我给大家提供一种思路，延迟加载，意思就是说，页面一开始加载的时候，你可以将一些需要的文件加载，至于那些后面才会用到的js、css、图片等文件，可以在页面加载之后再加载。0、普通加载：加载用时215ms1、延迟加载：加载用时55ms

在开发前端的过程中，作为一个前端工程师，可能不仅仅是做出一个页面，而丝毫不考虑页面的访问速度也是不现实的，我在做过一些页面之后，发现有时候性能确实不太理想，以至于自己都看不过去，接下来，我会从我的理解，从一些基本的方面来对前端页面进行优化，今天先介绍一下图片给网页带来的页面缓慢解决方法：0、普通图片加载：用时101ms1、CCS Sprites的使用：用时40ms2、使

在写这篇文字的时候，本来没有打算归类到前端性能优化的范畴，只是想写一些关于有的地方我们可以利用css代替js实现网页动态的效果，比较常见的有导航栏，提示信息等，很多时候我们会利用js实现，比如鼠标移动到父级li上，我们希望子级显示菜单，我们可能在js给每个父级的li绑定一个hover事件。0、导航栏下面我用css的方式实现，这里我们利用了hover的伪类，（我们可能大部分都是用到a标签上的

在我之前写的性能优化中，推荐大家使用雪碧图，压缩图片大小是一个方面，还有一个比较重要的方面就是，将图片放到一起了，降低了http的请求次数。今天这里我主要介绍大家在网站发布的时候，可以利用一些在线的合并工具，或者现在的grunt和glup等工具，将自己的js进行合并并且压缩，和并的目的是为了降低请求次数，压缩是为了减少传输的字节数。我在这里就以网易的考拉网做一个介绍：（当然了网易的页面速度响应

0、今天我们要解决什么问题在我们网页开发的过程中，难免会遇到，用户会在页面删除一些信息的过程，如：多少行记录，以及一些会话什么的，今天我在这里以10000个dom节点的删除做示例1、为什么会有这样的问题出现今天早上起床删除qq好友的聊天记录，发现上千条记录大概，1s不到删除了，但反之微信大概10s多吧，究其原因，原来qq是删除会话而已，记录还都在，而微信删除了记录。