免费送书，包邮到家

作者 | 田佳奇

前言

我为什么要写这本书

随着前端技术的不断发展&＃xff0c;Web 应用所能承载的业务形态从包含动画、视频等丰富内容的信息展示&＃xff0c;到逐渐接近原生应用的交互体验&＃xff0c;已经变得越来越多样化、复杂化。

这就要求优秀的Web 应用不仅能够为用户提供满足需求的功能&＃xff0c;同时还能够应对随之带来的性能挑战。

那么对一位合格的前端开发工程师来说&＃xff0c;可以完成业务功能的需求开发只是基本要求&＃xff0c;能够及时、准确地发现系统中存在的性能瓶颈&＃xff0c;并给出合适的解决方案&＃xff0c;这才是区分初、中级前端工程师与高级前端工程师的重要依据。

要具备这样的能力&＃xff0c;除了平时通过性能调优去积累实践经验&＃xff0c;构筑起关于前端性能的知识体系也尤为重要&＃xff0c;在面对具体的性能问题时&＃xff0c;能够知其然并知其所以然&＃xff0c;才可以做到有的放矢&＃xff0c;不至于出现优化了页面渲染性能反而降低了首屏加载速度的问题。

目前图书市场上关于前端性能优化方面的图书不少&＃xff0c;但由于前端性能涉及知识面广泛&＃xff0c;所以多数图书都只关注可能导致性能问题的部分领域&＃xff0c;或偏重于优化实践的场景总结&＃xff0c;而对于知识体系的搭建多有疏漏。

本书以Web 前端性能入手&＃xff0c;首先通过梳理页面生命周期进行知识体系的梳理与总结&＃xff0c;然后从八个方面对性能优化进行详细深入且结合实践的讲解&＃xff0c;最后以性能检测方法的介绍作为回顾和总结。本书不但可以帮助读者构建性能分析的知识体系&＃xff0c;而且可以通过实践案例帮助读者提高分析与优化性能的实战能力。

本书特色

1、注重性能优化知识体系的梳理和总结

为了让读者在面对性能问题时&＃xff0c;能做到举一反三、触类旁通、知其然并知其所以然&＃xff0c;本书对前端涉及性能优化的知识体系进行了全面的梳理与总结。

2、涵盖了前端页面生命周期中各种影响性能的方面

本书以前端页面的生命周期为框架&＃xff0c;涵盖内容包括图像优化、资源加载优化、前端代码编写优化、构建过程优化、客户端渲染优化、服务器端渲染优化、本地存储优化、缓存优化等方面。

3、 对各个性能影响方面的讲解做到了理论联系实践本书针对八个影响前端性能的优化方面&＃xff0c;以独立章节进行了详细介绍&＃xff0c;不但包括细致的理论分析&＃xff0c;而且也结合了实际案例&＃xff0c;帮助读者更好地理解技术知识点&＃xff0c;知道在实践中如何运用这些技术。

4、 八大性能优化方面&＃xff0c;章节独立、工具性强

本书拆分出的八个影响前端性能的优化方面&＃xff0c;在内容上具有一定的模块独立性。有性能优化经验的前端工程师&＃xff0c;不仅可针对自身所面对的具体性能问题选择对应章节进行学习&＃xff0c;也可在日后的工作实践中随时查阅和参考这些内容。

5、突出性能检测实践

对性能优化工作来说&＃xff0c;最怕的就是为了优化而优化&＃xff0c;这样极有可能花费了大量的

精力&＃xff0c;还不一定能得到理想的性能优化收益。本书最后一章以性能检测为主旨&＃xff0c;介绍了该如何恰当选取性能检测工具&＃xff0c;以及如何利用它们来辅助进行性能检测与优化&＃xff0c;最终达到最大化优化收益的效果。

6、提供完善的技术支持和售后服务

读者在阅读本书过程中如有疑问可以通过该邮箱和作者联系。

本书内容及知识体系

第1 篇 前端性能优化概述&＃xff08;第1&＃xff5e;2 章&＃xff09;

本篇介绍了性能优化是什么&＃xff0c;以及前端页面的生命周期。其主要内容包括进行性能优化的起因、性能因素会带来哪些影响、评估性能的模型、性能优化的步骤及前端页面生命周期中的步骤等。

第2 篇 典型模块的性能优化&＃xff08;第3&＃xff5e;10 章&＃xff09;

本篇介绍了前端性能优化中所涉及的八个典型模块的优化。其主要内容包括图像的优化、资源加载的优化、前端代码考虑性能的最佳实践、构建过程的优化、客户端渲染的优化、服务器端渲染、浏览器本地存储所带来的优化、利用缓存提升性能等。

第3 篇 前端性能检测实践&＃xff08;第11 章&＃xff09;

本篇介绍了前端性能检测中常用的一些检测工具及使用方法。其主要内容包括Lighthouse、PageSpeed Insight、WEBPAGETEST 及Chrome 开发者工具与相关的各个面板&＃xff0c;诸如任务管理器、Network 面板、Coverage 代码执行覆盖率面板、Memory 内存占用面板、Performance 和Performance monitor 性能检测面板。

适合阅读本书的读者

• 前端开发工程师。

• 希望完善关于前端性能知识体系的人员。

• 需要一本案头必备查询前端性能优化手册的人员。

阅读本书的建议

对前端性能优化的初学者&＃xff0c;建议从第1 章开始顺次阅读。

有一定性能优化经验的读者&＃xff0c;可以根据实际情况选择具体模块章节进行针对性学习。

本书部分章节内容需要读者具备一定的Javascript 编程经验、前端构建工具的基本使用能力、现代常用前端框架的使用经验&＃xff08;如Vue 和React&＃xff09;&＃xff0c;否则在阅读上会有一定的障碍。

以上内容来自《Web前端性能优化》一书的作者田佳奇。

所以&＃xff0c;今天我们要送的图书也是来自田佳奇的《Web前端性能优化》。以下是赠送图书活动规则&＃xff0c;请认真看完。

免费赠书活动规则

1、必须是关注了我们【web前端开发】公众号的读者。

2、要在留言区里给我们留言&＃xff0c;说说你为啥想要这本书&＃xff0c;或者是你的编程趣事。

3、留言点赞数最高的前10位读者朋友们&＃xff08;点赞数相同按系统顺序排序&＃xff09;&＃xff0c;就可以免费把这本《Web前端性能优化》书领回家。

这3点必须同时满足哦~

活动截止时间&＃xff1a;2021年5月4日晚上9点&＃xff0c;中奖者名单&＃xff0c;将在2021年5月5日的头条文章推送中的PS里进行公布。请大家自行关注。

所赠送图书均包邮到家。

赠送图书的图片如下&＃xff1a;

同时&＃xff0c;你也可以通过以下地址进行购买此图书。

我们的推荐理由

本书涵盖了前端优化的方方面面&＃xff0c;不只是教给读者解决具体性能问题的工具手册&＃xff0c;更重要的是帮助读者构筑起一套完整的知识体系。

在此基础上读者可以做到举一反三&＃xff0c;触类旁通&＃xff0c;从一个性能问题出发能够提出对整个系统的优化改进策略。

虽然前端性能优化是一个老生常谈的问题&＃xff0c;业界也已经有比较成熟的优化方法&＃xff0c;但也需要承认这是一个不断进行着技术更新和迭代的领域&＃xff0c;新技术的出现带来了新的方法同时也会引入新的问题&＃xff0c;本书对这些新技术和新问题都有所涉及。

另外&＃xff0c;说到底前端性能优化是一个工程实践&＃xff0c;所以本书不仅有扎实全面的理论做基础&＃xff0c;同时还包含了大量的实践案例&＃xff0c;充分做到了理论结合实践。

只要项目还在用&＃xff0c;前端性能就永远是时刻要关注的问题&＃xff0c;阅读本书掌握前端系统、实用、专业的性能优化解决方案。

• 构筑前端性能知识体系&＃xff0c;将零散知识点聚沙成塔&＃xff0c;理清脉络。

• 针对6大优化场景&＃xff0c;层层剥茧式分析&＃xff0c;让读者知其然也知其所以然。

• 沉淀作者5年一线大厂开发经验&＃xff0c;逐个性能点解析实践场景。

• 汇集12年专业知识&＃xff0c;带你全面理解关乎性能的前因后果。

本书的作者简介

田佳奇&＃xff0c;985软件工程硕士&＃xff0c;5年多前端开发经验。曾供职于华为&＃xff0c;负责某大数据可视化平台的前端开发工作。

之前在有赞工作&＃xff0c;负责过有赞美业SaaS系统在PC、H5和小程序多端上的项目开发、持续集成及性能优化等工作。具有丰富的企业级项目开发经验&＃xff0c;现就职于阿里云。

PS&＃xff1a;最后&＃xff0c;说一句&＃xff0c;中奖的小伙们&＃xff0c;别忘记添加我的微信号&＃xff1a;【web_xiaoer】&＃xff0c;备注&＃xff1a;图书中奖&＃xff0c;以便于通过&＃xff0c;谢谢合作。

学习更多技能

请点击下方公众号