前端性能优化

通过字体子集化减少中文字体文件大小，提升网页加载速度，使用fonttools和fontmin工具实现优化。

webfont加载会导致CLS问题，通过使用合适的fallback字体和调整字体指标可减少影响，提高用户体验。

在 Nest.js 中，通过 Middleware 记录请求日志，Interceptor 和 Exception Filter 记录响应日志，确保全面监控。

本文介绍了如何在CentOS 7上通过Docker私有化部署Sentry服务，包括环境准备、安装及配置步骤。

本文介绍了JavaScript的sourcemap，强调其对网页性能无影响，并详细解析了webpack中sourcemap的配置及其组成。

JavaScript 作用域基于静态作用域，使用执行上下文和词法环境，形成作用域链。闭包绑定词法环境，`with` 语句可扩展作用域链但影响性能。

网页性能瓶颈主要源于回流和重绘，优化方法包括简化样式计算、避免强制同步布局和使用合成层属性。

CORS（跨域资源共享）是W3C规范，允许浏览器与服务器通过自定义HTTP头进行跨域请求，解决安全限制问题。

HTTP2通过多路复用、首部压缩、服务端推送等特性，显著降低延迟并提高传输效率。

浏览器缓存分为强缓存和协商缓存，强缓存使用Cache-Control等指令，协商缓存通过ETag和Last-Modified验证。

本博客分享前端性能优化、用户体验优化及新技术趋势，记录生活与技术的点滴。