Web前端性能优化

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

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

2.动静页面分离

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

3.动态页面静态化

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

推荐阅读更多精彩内容

  • 网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评...
    ConRon阅读 116评论 0 0
  • 一、Web前端优化最佳实践之 内容 篇 1. 尽量减少HTTP请求; 合并文件,比如把多个css文件合成一个;CS...
    不忘初心___阅读 263评论 0 2
  • 上次说到了性能优化策略,根据网站的分层架构,可以大致的分为 web 前端性能优化,应用服务器性能优化,存储服务器性...
    小小小小诺阅读 362评论 1 16
  • 大家好,我是IT修真院深圳分院第01期学员,一枚正直纯洁善良的web程序员。 今天给大家分享一下,修真院官网JS(...
    老菜菜阅读 461评论 0 4
  • 浏览器访问渲染优化 减少 http 请求数 http 协议是无状态的应用层协议,每次 http 请求都会建立新的通...
    zelo阅读 37评论 0 0