几乎每一个前端程序员都知道应该把 script 标签放在页面底部。关于这个经典的论述可以追溯到 Nicholas 的 High Performance Javasript 这本书的第一章 Loading and Execution 中，他之所以建议这么做是因为：
Put all
更多内容推荐
第 184 讲 | 狼叔：2019 年前端和 Node 的未来—大前端篇（上）
狼叔谈2019年对大前端现状及未来发展趋势的理解。
2019 年 3 月 11 日
如何将 Web 主页性能提升十倍以上？
最近，Universe.com 主页的性能提升了十倍以上。在本文中，作者将解析实现这一重大改进的具体技术手段。
Javascript 高性能动画与页面渲染
如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动画时使用更高效的方式，我将会详细展开讨论可行的方案。
HTML 链接：除了 a 标签，还有哪些标签叫链接？
在HTML中，链接有两种类型。一种是超链接型标签，一种是外部资源链接。
2019 年 3 月 12 日
有货移动 Web 端性能优化探索实践
在移动互联网的时代里，对于一个web站点来说，移动端的用户体验尤为重要。现代web站点的设计和开发都是以移动优先作为第一原则，我们也专门为了移动端的web站点做了相应的优化和提升。而网页的打开速度和页面的流畅度，对于用户是否长时间访问至关重要。我们在移动端的站点通过一系列的方法，最终为了快速打开页面展示网页内容，触达用户，同时能流畅的浏览网页。
不一样的体验：交互设计和页面布局
这部分对于基于 Web 的全栈工程师来说，不只是技术栈特殊的一部分，还是一个能够给个人发展格局带来更多可能的部分。
2019 年 10 月 18 日
浅析 Web 前端性能优化
什么是WEB前端呢？
你真的了解前端模块化吗？
随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。
预览 IE10 支持的 HTML5 特性
从IE8开始，微软就逐步在浏览器中增加对HTML5的部分支持，如今IE10已经推出了几个预览版，Web开发人员关心的是在IE10中，哪些HTML5特性获得了支持，由此会影响到技术选型和职业发展等重要问题。在本文中，我们将根据微软发布的相关特性梳理一下IE10对HTML5的支持情况。目前，IE10预览版支持的HTML5特性主要包括：异步脚本执行、拖放、File API、表单验证、HTML5解析、沙箱、Web Workers、通道消息等。
Google 提出 Web 性能优化新方法——Diffable
Google Maps的开发人员Josh和James最近提出并实现了一种Web性能优化新方法——Diffable，即在浏览器加载Web页面时，促使其比较相关文件（Html、JavaScript等）在服务器端和客户端缓存区的版本并只下载差量（Deltas），降低网络下载造成的延迟。本文简要介绍了Diffable方法的背景、原理、优势和实现情况。
Chrome 运用“预期方法学”提升用户体验
Chrome通过运用“预期方法学”，对用户的行文进行预判，进而提前加载所需要的资源，提高了用户体验。
同源策略：为什么 XMLHttpRequest 不能跨域请求资源？
在没有安全保障的Web世界中，我们是没有隐私的，因此需要安全策略来保障我们的隐私和数据的安全。
2019 年 10 月 17 日
我们是怎样将网站加载时间减少 24% 的？
本文以SwissDev Jobs 网站的优化实践，来介绍我们是如何把网站加载时间减少 24% 的。
前端性能优化实践之百度 App 个人主页优化
性能是每个前端工程师都应该关注的话题，通用的优化手段已有许多文章和实践，就不再赘述，本篇以百度App个人主页为例，聊聊针对业务特点进行的一些性能优化实践。
第 28 讲 | 热点剖析（一）：HTML5 技术是如何取代 Flash 的？
为什么现在大家都在谈论H5？你真的深入理解了H5吗？H5究竟是什么？它的优点在哪里？
2018 年 6 月 16 日
声明式图形系统：如何用 SVG 图形元素绘制可视化图表？
怎么用SVG实现层次关系图？它的实现过程和Canvas的实现过程有什么区别？什么是声明式图形系统？
2020 年 6 月 26 日
2019 年 JavaScript 性能优化解析
过去几年来，浏览器解析和编译脚本的速度已经有了显著提升，这也改变了 JavaScript 的性能开销结构。
技术干货：HTTP/2 之服务器推送 (Server Push) 最佳实践
HTTP/1.X出色地满足互联网的普遍访问需求，但随着互联网的不断发展，其性能越来越成为瓶颈。Push)。
ES 模块生产应用经验谈
在过去的一年里，我一直在生产环境中运行一个基于ES模块的单页Web应用程序。这是一个JavaScript应用程序，但它没有使用Babel、Webpack、Rollup或任何其他转译或绑定工具。我在开发中编写的文件与在生产环境中提供给最终用户的文件相同。
< img >标签动态图片的进化：不是 GIF，胜过 GIF
长期存在并广泛应用的 GIF 格式存在图像质量损失严重和体积庞大等不足。在最新的 Safari 浏览器预览版中，可以在<img>标签播放视频，满足了和动态图一样的需求。经过对比测试，<img>标签下视频的各项性能均优于 GIF 格式。本文为你详解这项技术的现状和未来前景。
推荐阅读
18｜http 库：如何批量下载在线内容，解放鼠标（上）？
2021 年 3 月 23 日
通过图片优化，我将网站大小减少了 62%
14 个 JavaScript 代码优化技巧
历史篇：为什么会有 WebAssembly 这样一门技术？
2020 年 9 月 7 日
博文共赏：Node.js 静态文件服务器实战
怎么应对各种富文本表现需求？
2019 年 5 月 14 日
如何评估一个 JavaScript 语言库
电子书
大厂实战PPT下载
换一换 
郑宇欣 | 腾讯 高级工程师
王兴刚 | 虎牙直播 高级技术经理
丁雪峰 | 平安壹钱包 资深架构师
评论