前端开发之路--桌面前端优化的若干技巧（二）

缩小favicon.ico并缓存。有利于favicon.ico的重复加载，因为一般一个Web应用的favicon.ico是很少改变的。favicon.ico就是当前页面的小图标。

避免使用CSS import引用加载CSS。CSS中的@import可以从另一个样式文件中引入样式，但应该避免这种用法，导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。大大延后CSS渲染完成的时间，这是导入式固有的一个缺陷。所以不推荐使用。

把CSS资源引用放到HTML文件顶部。这是代码书写规范的问题，一般用link标签引入css文件，将link标签写在head标签中，这样可以方便CSS优先加载，尽早完成页面的渲染。

JavaScript资源引用放到HTML文件底部。因为JS文件加载是要阻塞加载的，放在顶部的话会导致页面空转的，所以放在页面的底部进行加载，先优先html和css加载后渲染页面，然后再去加载JavaScript脚本。

尽量避免iframe，table标签table标签是阻塞加载的，只有当table标签里的内容全部加载完成后才会得以显示，对用户的体验不好，所以要避免使用类似的标签。

避免使用CSS表达式或CSS滤镜。对于CSS样式的使用，首先避免样式的深度嵌套，然后尽量不使用一些CSS的函数，因为性能不太好，会增加加载的时间，对用户的体验不好。