探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
介绍了前端项目部署在 CDN 上因缓存未及时刷新导致静态资源访问异常的问题,提出在构建打包时为文件或文件夹添加版本号标识(递增版本号、Hash 值或时间戳)并保留旧资源的解决方案,确保资源更新后仍可正常访问。提供了目录结构示例与参考代码链接。
描述了在国内服务器上克隆 GitHub 项目速度慢的问题及解决方案。通过访问指定网站获取 GitHub 和其 CDN 的 IP 地址,将其与域名绑定到 hosts 文件中后,重启网络或机器即可提高访问速度。
探讨了微服务架构的原则及其复杂性,涵盖服务拆分、演化式架构、集成方式、测试策略、监控技术和安全实践。强调自动化的重要性,并建议在不了解领域时优先构建单块系统后逐步拆分。通过拥抱变化和持续改进,微服务可实现更灵活的系统设计与扩展。
介绍了 Google 于 2015 年推出的无损压缩算法 Brotli,其通过 LZ77 算法、Huffman 编码等方式实现更高的压缩效率。相比 Gzip,Brotli 性能提升 17-25%,在低压缩级别下仍优于 Gzip 高级别压缩,适用于各种 HTML 文档。目前主流浏览器均支持该算法,进一步提升了网页加载速度。