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 本章小结

Web前端性能优化(博文视点出品)是2021年由电子工业出版社出版,作者田佳奇。

得书感谢您对《Web前端性能优化(博文视点出品)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Web前端开发精品课HTMLCSSJavaScript基础教程 电子书
网页制作实践:HTML、Web标准、CSS布局、JavaScript特效及HTML5和CSS3。适合各类人群阅读。
Web前端开发精品课 JavaScript基础教程 电子书
全书共分为2大部分,第1部分是JavaScript基础知识,主要学习JavaScript基础概念如变量、运算符、表达式等。第二部分是JavaScript进阶知识,主要学习DOM、事件操作以及各种开发技术。除了知识讲解,教程还融入了大量的开发技巧,并且更加注重编程思维的培养,使得学习者能有顺畅的学习思路,这一点是极其重要的。
Web前端开发技术——HTML、CSS、JavaScript(第2版) 电子书
本书全面、系统地介绍网页设计与制作所涉及的各方面的内容和技巧,涵盖网页设计流程和各种Web前端技术:HTML、CSS、JavaScript和HTML5。每章都配置大量的实用案例,图文并茂,效果直观。本书分5篇,共26章。第1篇主要介绍HTML相关概念、HTML文档结构、网页设计流程、网页制作方法,以及各种常用的HTML标记的用法等内容;第2篇详细介绍CSS基础知识、CSS的定义、CSS常用属性、在
Web前端开发简明教程:HTML+CSS+JavaScript+jQuery 电子书
Web前端开发精品课  HTML与CSS进阶教程 电子书
  通俗易懂 案例简洁形象,生动剖析晦涩难懂的知识点。   直击要点 规避思维误区,为初学者打牢基础保驾护航。   全面培养 讲透基础知识,亦注重开发技巧与思维锻炼。   精简浓缩 精炼核心内容,为读者节省学习时间与成本。   在线辅助 结合网站资源,强化书本学习并拓展新知识。