网页性能直接关系用户体验以及网站自身的利益，本文为您介绍 3 个网页图片优化工具和 1 个在线性能分析工具。

GitHub 项目: https://github.com/unixzii/CyandevToys

Declan 在升级 voorhoede.nl 的网站时运用了很多新的技术来提升网页性能：静态实现，Webp，SVG，webfonts，异步加载 JS 和 CSS 当然还有 CDN、缓存、HTTP/2 的使用

延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。本文详细介绍了三种延迟加载的实现方式。

Rem布局的原理解析

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

OpenId 是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户。 UnionId 是一个用户对于同主体微信小程序／公众号／APP的标识，开发者需要在微信开放平台下绑定相同账号的主体。开发者可通过UnionId，实现多个小程序、公众号、甚至APP 之间的数…

切图崽们作为整个 web 应用的纽带，连接着用户行为和机器性能。而优化的最终意义，在于在这两者之间取得一个最佳的平衡点。对于图片资源的加载来说，更是如此，今天我们就来简单说说，项目开发中常见的图片加载优化方式。