web前端优化

 

做为一个好的优秀前端，不仅能够写出优雅的代码，也要更加关注于性能性的问题，但由于我们在项目过程中可能会考虑到一些成本性的问题，不可能让我们的项目在性能方面面面俱到，但我们可以做到最为基本的做优化。

我们可以从以下几点进行优化：

1.       减少对服务器方面的请求

我们使用外部文件CSS 和JS，在某些情况下给予合并，数量上减少。一次请求多次利用，因为浏览器会在缓存中找到已经下载过的外部文件，不会再进行请求。这样以来就可以减情服务器的压力。页面元素背景使用Css Sprite的方式

2.       减少系统资源的损耗（事件回收）

对于一些从页面上清除的元素，如果元素是有绑定事件的，在清除页面之前把元素事件移除，否则事件会一直存留在内存中，这样会加大内存资源的浪费。

3.       外部脚本、CSS样式的分布位置

页面渲染的流程是从上到下的一个过程，我们要遵守CSS样式在上，JS脚本在下这个标准，CSS样式在上，避免页面的重绘和回流。JS脚本在下避免页面的阻塞渲染。

 

4.       外部资源的压缩

对于CSS 和js进行压缩，减少带宽。用最少的时间进行下载

5.       AJAX数据缓存

对于一些固定不变的数据进行缓存，减少对于服务器的请求

6.       减少重定向

重定向会进行域名的查询，会比较损耗资源，

7.       图像优化

图片格式最好使用PNG

8.       减少阻塞方式对资源的下载，使用并形下载外部资源的引用

阻塞下载，会给予客户端比较长的等待时间，对于用户的体验来说不是很好