前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)

探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。

读书笔记:《24/7:晚期资本主义与睡眠的终结》 – [美]乔纳森·克拉里 著 / 许多 沈河西 译

探讨了24/7资本主义对时间、睡眠和人类生活的侵蚀,揭示了无间断工作的代价及其对个人自由和社会结构的影响。强调睡眠作为抵抗资本主义剥削的最后屏障,同时分析技术进步对注意力、隐私和社会价值的冲击。呼吁关注耐心、共享时间及人与自然的重新联结。

记一次前端加载体验优化

分析页面卡顿的原因,并从用户体验与性能优化两方面提出解决方案,包括骨架图、图片占位图、按需加载、图片压缩与格式转换、延迟上报、客户端缓存及离线包支持等方法。通过减少资源体积和优化加载流程,显著降低白屏与首屏时间,提高页面加载效率和用户体验。

JavaScript 发展简介 - 面向Hr

JavaScript 起源于 1995 年,最初用于客户端表单验证,因其简便性迅速流行。随着微软推出 JScript,标准化的 ECMA-262 诞生。2009 年 NodeJS 的出现使 JavaScript 成为后端语言,推动了前端工具如 Webpack 的发展。现代浏览器竞争激烈,推动了 Angular、React 和 Vue 等框架的普及,React Native 实现了多端兼容,进一步扩展了 JavaScript 的应用场景。

浅谈前后端分离

探讨了前后端分离的发展历程及其带来的效率提升,分析了全端开发的技术广度与深度平衡的重要性,强调了团队分工与接口规范在项目开发中的作用。提出通过设计、开发、测试三个阶段优化前后端协作,提升项目质量与开发效率。