前端性能优化

页面优化

1 减少 HTTP请求数
  • 从设计层面简化页面
  • 合理设置 HTTP缓存
  • 资源合并与压缩
  • 合并图片 CSS Sprites
  • 按需加载 Lazy Load Images
2 将JS脚本置底
3 将 CSS放在 HEAD中
4 深度打包

代码优化

参考1
参考2

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • web前端性能优化总结
    网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评...
    ConRon阅读 835评论 0赞 0
  • 前端性能优化最佳实践
    作者：minwe原文地址：https://csspod.com/frontend-performance-best...
    IT程序狮阅读 1,675评论 0赞 13
  • 前端性能优化（1）
    Web 发展的速度让许多人叹为观止，层出不穷的组件、技术，只需要合理的组合、恰当的设 置，就可以让 Web 程序性...
    DavieKong阅读 407评论 0赞 1
  • 前端性能优化
    AJax 优化 缓存 Ajax 请求尽量使用GET, 仅取决于cookie数量 Cookie 优化 减少Cooki...
    KeKeMars阅读 9,374评论 5赞 89
  • 前端性能优化的14个规则
    规则01：尽量减少HTTP请求 前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花...
    Leisure_blogs阅读 2,294评论 1赞 3