86程序员练级攻略（2018）：前端性能优化和框架1
需积分: 0 151 浏览量
2022-08-03
13:58:33
上传
评论
收藏 574KB PDF 举报
极客时间
http://139.196.35.134/time/#/article/12389[2018/8/4 9:02:40]
程序员练级攻略（2018）：前端性能优化和框架
2018-08-02 陈皓
前端性能优化
首先是推荐几本前端性能优化方面的图书。
Web Performance in Action ，这本书目前国内没有卖的。你可以看电子版本，我觉得是一本很不错的书，其中有CSS、图片、字体、JavaScript性能调优等。
Designing for Performance ，这本在线的电子书很不错，其中讲了很多网页优化的技术和相关的工具，可以让你对整体网页性能优化有所了解。
High Performance JavaScript ，这本书在国内可以买到，能让你了解如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师尼古拉
斯
·
扎卡斯（
Nicholas C. Zakas
）和其他五位
JavaScript
专家介绍了页面代码加载的最佳方法和编程技巧，来帮助你编写更为高效和快速的代码。你还会了解到构建和部署文件
到生产环境的最佳实践，以及有助于定位线上问题的工具。
High Performance Web Sites: Essential Knowledge for Front-End Engineers ，这本书国内也有卖，翻译版为《高性能网站建设指南：前端工程师技能精髓》。作者给出
了
14
条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。
全书内容丰富，主要包括减少
HTTP
请求、
Edge Computing
技术、
Expires Header
技术、
gzip
组件、
CSS
和
JavaScript
最佳实践、主页内联、
Domain
最小化、
JavaScript
优
化、避免重定向的技巧、删除重复
JavaScript
的技巧、关闭
ETags
的技巧、
Ajax
缓存技术和最小化技术等。
除了上面这几本书之外，Google的 Web Fundamentals 里的 Performance 这一章节也有很多非常不错的知识和经验。
接下来是一些最佳实践性的文档。
Browser Diet ，前端权威性能指南（中文版）。这是一群为大型站点工作的专家们建立的一份前端性能的工作指南。
PageSpeed Insights Rules ，谷歌给的一份性能指南和最佳实践。
Best Practices for Speeding Up Your Web Site ，雅虎公司给的一份7个分类共35个最佳实践的文档。
接下来，重点推荐一个性能优化的案例学习网站
WPO Stats 。WPO是Web Performance Optimization的缩写，这个网站上有很多很不错的性能优化的案例分享，一定可以帮助
你很多。
然后是一些文章和案例。
A Simple Performance Comparison of HTTPS, SPDY and HTTP/2 ，这是一篇比较浏览器的HTTPS、SPDY和HTTP/2性能的文章，除了比较之外，还可以让你了解一些技
术细节。
7 Tips for Faster HTTP/2 Performance ，对于HTTP/2来说，Nginx公司给出的7个增加其性能的小提示。
Reducing Slack’s memory footprint ，Slack团队减少内存使用量的实践。
Pinterest: Driving user growth with performance improvements ，Pinterest关于性能调优的一些分享，其中包括了前后端的一些性能调优实践。其实也是一些比较通用
的玩法，这篇文章主要是想让前端的同学了解一下如何做整体的性能调优。
10 JavaScript Performance Boosting Tips ，10个提高JavaScript运行效率的小提示，挺有用的。
17 Statistics to Sell Web Performance Optimization ，这个网页上收集了好些公司的Web性能优化的工程分享，都是非常有价值的。
Getting started with the Picture Element ，这篇文章讲述了Responsive布局所带来的一些负面的问题。主要是图像适配的问题，其中引出了一篇文章"Native Responsive
Images" ，值得一读。
程序员练级攻略（
2018
）：前端性能优化和框架
陈皓
- 00:02 / 13:24
傅融
- 粉丝: 23
- 资源: 333
最新资源
- #P0015. 全排列 超级简单
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题（Three-Dimensional Bin Packing Problem,3D-BPP）是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0