Web前端性能优化

1.减少页面请求和请求内容量

每次请求都需要再客户端/服务器启动独立线程去处理,开销贵;
解决方案:合并css,合并javascript,合并图片来实现减少http请求的数目;合并图片的主要方法有css Image sprites,内联图片,iconFont这3种.请求资源的内容越大,和服务器端连接的时间就越长,生产环境要用被压缩的js和css资源以提高响应速度

2.动静页面分离

把js,css这样的静态资源部署在专门的集群中,页面模板里面通过不同域名引用

3.动态页面静态化

动态内容访问量大,更新不频繁,可以将其生成一个静态页面.利用静态页面的优化手段加速用户访问.比如浏览器缓存,cdn等.静态化之后可以有效减轻应用服务器的压力
豆瓣年度榜单是一个静态页面,数据靠js来实现.(直接出html框架,js自执行函数去取数据渲染页面)