作品简介

《Web前端性能优化》以Web前端性能优化为关注点,不但给出了一套性能分析的思路与评价标准,而且针对影响网站性能的诸多方面分章节进行了详细介绍。

《Web前端性能优化》内容包括图像方面的优化,资源加载方面的优化,如何编写高性能的代码,打包构建方面的优化,客户端渲染的优化、服务器端渲染,浏览器本地数据存储,以及缓存技术所带来的性能优化等,通过对这些内容的讲述与分析,逐渐帮助读者构建起相对完善的前端性能知识体系。

《Web前端性能优化》同时结合性能检测与优化实践,让读者在面对实际的性能优化问题时,能够将理论知识转化为实践能力。

《Web前端性能优化》理论与实践并重,既可以作为前端工程师进阶性能优化领域的参考资料,又可以作为前端求职面试人员复习性能相关知识的工具手册。

田佳奇,985软件工程硕士,5年多前端开发经验。曾供职于华为,负责某大数据可视化平台的前端开发工作。之前在有赞工作,负责过有赞美业SaaS系统在PC、H5和小程序多端上的项目开发、持续集成及性能优化等工作。具有丰富的企业级项目开发经验,现就职于阿里云。

作品目录

  • 内容简介
  • 前言
  • 第1篇 前端性能优化概述
  • 第1章 什么是性能优化
  • 1.1 性能的起因
  • 1.2 性能的影响
  • 1.3 性能评估模型
  • 1.4 性能优化的步骤
  • 1.5 本章小结
  • 第2章 前端页面的生命周期
  • 2.1 一道前端面试题
  • 2.2 网络请求线程开启
  • 2.3 建立HTTP请求
  • 2.4 前后端的交互
  • 2.5 关键渲染路径
  • 2.6 本章小结
  • 第2篇 典型模块的性能优化
  • 第3章 图像优化
  • 3.1 图像基础
  • 3.2 图像格式
  • 3.3 使用建议
  • 3.4 本章小结
  • 第4章 加载优化
  • 4.1 图像延迟加载
  • 4.2 视频加载
  • 4.3 加载注意事项
  • 4.4 资源优先级
  • 4.5 本章小结
  • 第5章 书写高性能的代码
  • 5.1 数据存取
  • 5.2 流程控制
  • 5.3 字符串处理
  • 5.4 快速响应
  • 5.5 其他建议
  • 5.6 本章小结
  • 第6章 构建优化
  • 6.1 压缩与合并
  • 6.2 使用fis3进行前端构建
  • 6.3 使用webpack进行前端构建
  • 6.4 webpack的优化性能
  • 6.5 本章小结
  • 第7章 渲染优化
  • 7.1 页面渲染性能
  • 7.2 JavaScript执行优化
  • 7.3 计算样式优化
  • 7.4 页面布局与重绘的优化
  • 7.5 合成处理
  • 7.6 本章小结
  • 第8章 服务器端渲染
  • 8.1 页面渲染
  • 8.2 Vue中的服务器端渲染
  • 8.3 React中的服务器端渲染
  • 8.4 本章小结
  • 第9章 数据存储
  • 9.1 数据存储概览
  • 9.2 通过Chrome开发者工具调试本地存储
  • 9.3 IndexedDB实践建议
  • 9.4 Cache Storage
  • 9.5 本章小结
  • 第10章 缓存技术
  • 10.1 HTTP缓存
  • 10.2 Service Worker缓存
  • 10.3 Push缓存
  • 10.4 CDN缓存
  • 10.5 本章小结
  • 第3篇 前端性能检测实践
  • 第11章 性能检测
  • 11.1 性能检测概述
  • 11.2 Lighthouse
  • 11.3 Performance面板的使用
  • 11.4 本章小结
展开全部