关于页面性能问题可优化项

页面打开的时间慢,加载文件多等一系列问题导致页面加载慢。

如果说可以花费很大的代价去提升网络带宽是最好的。

但是事与愿违,有时候还是可以从代码中进行一些优化。

1、动静分离(是在网络中和书本中看到,目前还没有实践过,最近会去实践一下并总结)

简而言之:把静态资源给剥离开。目前我遇到的好多都是Tomcat或者Nginx。Tomcat对静态资源的请求相对于其他的不较好。

这是在请求方面做的优化,如果说动静分离是一种很好的方式,也可以在减少请求上进行一些优化。例如一个项目中肯定会存在着很多的小图标,这些小图标如果是一张一张的小图片的话,会请求很多次。我建议是把这些小图标合成一张图。定义多个class来使用相对应的图标。但是总的来说,还是比较建议使用字体图片。方便使用,但是兼容性会存在一些问题,例如在使用H5开发手机端页面的时候,会无法现实的问题。

2、在JS中进行DOM操作的时候的优化

在JS中进行DOM操作,如果只是操作一次。例如:document.getElementsByClassName('hh').style.width='40px';

这样的话是重绘一次,但是有时候我们会多次去操作。这样就是多次重绘,所以说使用CSS来控制是一种比较好的方式,而且当页面初始化的时候,或者其他时候去操作的时候,都会有一个过渡的过程,这样会造成用户体验不是很好,所以建议使用CSS来控制相应的变化。

3、压缩

有时候压缩会是一种比较好的方式,但是有时候压缩可能也不是很好。比如Angularjs的懒加载机制,如果说把所有的JS进行压缩,可能会在页面初始化的时候会比较慢,但是如果使用Angularjs的懒加载,虽然初始化的时候会快一点,但是每个页面都去请求获取JS,根据自己所需去选择。我有一个想法,但是没有太多的代码量进行实验,例如,把每个JS文件压缩,但是不合并到一个文件中。

猜你喜欢

转载自blog.csdn.net/u010026207/article/details/80008053