王尘宇

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、页面头部 会阻塞页面；（因为 Renderer历程中 JS线程和衬着线程是互斥的）；7、页面中空的 href 和 src 会阻塞页面其他资本的加载 (阻塞下载历程)；8、网页Gzip，CDN托管，data缓存 ，图片办事器；9、前端模板 JS+数据，削减因为HTML标签招致的带宽浪费，前端用变量保留AJAX恳求成果，每次操做当地变量，不消恳求，削减恳求次数10、用innerHTML取代DOM操做，削减DOM操做次数，优化javascript性能。11、当需要设置的款式良多时设置className而不是间接操做style。12、少用全局变量、缓存DOM节点查找的成果。削减IO读取操做。13、制止利用CSS Expression（css表达式)又称Dynamic properties(动态属性)。14、图片预加载，将款式表放在顶部，将脚本放在底部 加上时间戳。15、 制止在页面的主体规划中利用table，table要等此中的内容完全下载之后才会显示出来，显示比div+css规划慢。对通俗的网站有一个同一的思绪，就是尽量向前端优化、削减数据库操做、削减磁盘IO。向前端优化指的是，在不影响功用和体验的情况下，能在阅读器施行的不要在办事端施行，能在缓存办事器上间接返回的不要到应用办事器，法式能间接获得的成果不要到外部获得，本机内能获得的数据不要到长途取，内存能取到的不要到磁盘取，缓存中有的不要去数据库查询。削减数据库操做指削减更新次数、缓存成果削减查询次数、将数据库施行的操做尽可能地让你的法式完成（例如join查询），削减磁盘IO指尽量不利用文件系统做为缓存、削减读写文件次数等。法式优化永久要优化慢的部门，换语言是无法优化的。