一、总体资源css
(1)js、css源码压缩前端
(2)css文件放到文档顶部,js 文件放到文档底部web
由于浏览器渲染网页是自上而下的,用户第一眼见到的是页面,先加载页面相关的提升页面加载速度,另外避免js在页面没有彻底加载完成操做DOM带来错误express
(3)进行CDN托管(具体可参看https://div.io/topic/930)编程
(4)data缓存浏览器
二、css缓存
(1)避免使用css expression (css 表达式) 性能优化
微软在IE5时支持,IE8就不支持了,过老的内核,这个基本没有人会使用服务器
(2)使用CSS Sprites(图片精灵)闭包
将图片合到一张大图,而且控制图片大小(在知足显示的状况下,过大图片能够进行质量压缩),目的减少体积,减少http访问次数
(3)js中动态改变元素样式时,使用类名修改,而不是直接在DOM中更改css 属性,避免页面进行重构
三、image
(1)大型web应用中,能够搭建图片服务器,存放图片以及视频资源(具体实施请自行百度)
(2)在 对于有图片画廊及图片占大比重的网站中,采起图片预加载的方式,提高用户体验
(可参考https://blog.csdn.net/sunshine940326/article/details/53536535?locationNum=3&fps=1)
四、js
(1)模块化编程,养成封装方法的习惯,提升代码的重复利用率
(2)减小闭包的使用频率,减小内存占用
目前想到的是以上,欢迎补充和指教!