摘要：在遇到一个页面性能问题时，我理解的优化闭环是：分析、策略、验证和沉淀。 分析需要有分析数据，因此得有一个性能监控管理。 策略就是制订针对性的优化方案，解决当前遇到的问题。 验证的对象上述策略，判断方案是否有效，同样需要数据支撑。 沉淀就是将解决过程文档化、通用化，能够总结成一套实际方案、优化规则等。 阅读全文

摘要：最近阅读了很多优秀的网站性能优化的文章，所以自己也想总结一些最近优化的手段和方法。 个人感觉性能优化的核心是：减少延迟，加速展现。 本文主要从产品设计、前端、后端和网络四个方面来诉说优化过程。 一、产品设计 在网上看到一句话：好的性能是设计出来的，而不是优化出来的。 感觉好有道理，如果将性能瓶颈扼杀 阅读全文

摘要：一、用户体验 用户体验（UE/UX）是指一个人使用一个特定产品、系统或服务时的行为、情绪与态度，还包含用户对于系统的功能、易用和效率的感受，因此用户体验在本质上可以视为一个人对于系统的主观感受与主观想法。 用户体验是动态的，由于不断变化的使用情况、不停变化的各个系统，以及变化发生背后的情境与脉络，因 阅读全文

摘要：一、图像 1）响应式图像 浏览器根据屏幕大小、设备像素比、横竖屏自动加载合适的图像。 响应式的功能可以通过srcset和sizes两个新属性实现。 前者可指定选择的图像以及其大小，后者会定义一组媒体条件并声明填充的宽度。 在下面的示例中（在线查看效果），浏览器会先查看设备宽度，然后检查sizes列表 阅读全文

摘要：一、语言 1）慎用全局变量 当变量暴露在全局作用域中时，由于全局作用域比较复杂，因此查找会比较慢。 并且还有可能污染window对象，覆盖之前所赋的值，发生意想不到的错误。 0 == '' //true 0 == '0' //true 3）简写 简写的方式很多，此处只会列举其中的几种，例如用三目运算 阅读全文

摘要：Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效前端》、《高性能JavaScript》、《CSS重构》等书籍，以及《2020前端性能优化清单》等网络资源。 阅读全文