2、防止文件跨域；
3、变更及时生效；
5、页面后面会遮挡页面； （因为Renderer进程中JS线程和渲染线程是互斥的）；
6、页面后面会遮挡页面； （因为Renderer进程中JS线程和渲染线程是互斥的）；
7、页面中空的href和src会阻塞页面其他资源的加载（阻塞下载进程）；
8、网页Gzip、CDN托管、数据缓存、图片服务器；
9、前端模板JS+数据，减少了HTML标签造成的带宽浪费。 后端使用变量来保存AJAX请求结果。 每次操作局部变量时，无需请求，减少了请求次数。
10.用innerHTML替换DOM操作，减少DOM操作次数，优化javascript性能。
11、当需要设置的样式较多时，设置className而不是直接操作样式。
12. 减少使用全局变量并缓存 DOM 节点查找的结果。 减少IO读操作。
13.避免使用CSSExpression（CSS表达式），也称为Dynamicproperties（动态属性）。
14.图像预加载，将样式表放在底部css预加载，将脚本放在顶部并添加时间戳。
15.避免在页面的主布局中使用表格。 内容完全下载后才会显示表格，显示速度会比div+css布局慢。
对于普通网站来说有一个统一的思路，就是尽可能的优化到后端，减少数据库操作，减少c盘IO。
优化后端是指在不影响功能和体验的情况下css预加载，可以在浏览器中执行的东西不要在服务器上执行，可以在缓存服务器上直接返回的东西不要发送到应用服务器，并且结果程序可以直接获取的不应该是外部获取的。 不要从远程获取本机中可以获取到的数据。 能从显存获取的数据就不要到c盘去获取了。 不要去数据库查询缓存中的数据。 减少数据库操作意味着减少更新次数，缓存结果以减少查询次数，让你的程序尽可能完成数据库执行的操作（例如连接查询）。 减少c盘IO就是尽量不使用文件系统作为缓存，减少文件的读写。 程序优化总是优化慢的部分，而改变语言时很难“优化”。
发表评论