1.禁止使用iframe(阻塞父文档onload事件); *iframe会阻塞主页面的Onload事件; *搜索引擎的检索程序无法解读这种页面,不利于SEO; *iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。 使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript 动态给iframe添加src属性值,这样可以绕开以上两个问题。
2.禁止使用gif图片实现loading效果(降低CPU消耗,提升渲染性能);
3、使用CSS3代码代替JS动画(尽可能避免重绘重排以及回流);
4、对于一些小图标,可以使用base64位编码,以减少网络请求。但不建议大图使用,比较耗费CPU; 小图标优势在于: 1.减少HTTP请求; 2.避免文件跨域; 3.修改及时生效;
5、页面头部的 会阻塞页面;(因为 Renderer进程中 JS线程和渲染线程是互斥的);
6、页面头部
10、用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。 11、当需要设置的样式很多时设置className而不是直接操作style。
一起设计吧