tag

Optimization

共 17 篇文章。
全部文章GoTypeScript游戏开发小游戏游戏设计Godot书稿RustPython性能优化游戏引擎PRDSaaS游戏服务端
infra

Prometheus 高基数治理与 PromQL 查询优化:让监控不再因标签爆炸而瘫痪

深度讲解 Prometheus 高基数(High Cardinality)问题与 PromQL 查询优化:高基数的定义与危害、标签设计纪律(Cardinality 评估/标签上限/动态标签)、降低基数的策略(指标拆分/标签重命名/启用 relabel)、PromQL 查询性能优化(避免聚合爆炸/合理范围/Recording Rule/索引与内存)、高基数检测与治理工具。

6 分钟阅读
Prometheus promql metrics
frontend

Web 资源加载深度优化:图片、字体、视频、缓存与 CDN

系统性 Web 资源加载优化策略:图片格式选型(AVIF/WebP/JPEG XL)、响应式图片(srcset/sizes/picture)、懒加载(loading='lazy' + Intersection Observer)、字体加载策略(font-display/preload/subset)、视频与 iframe 懒加载、HTTP 缓存策略(Cache-Control/ETag/Last-Modified)、Service Worker 缓存、CDN 边缘加速与缓存规则、资源压缩(Brotli/Gzip)、HTTP/2 Server Push 替代方案(103 Early Hints/Preload)、关键渲染路径优化。

6 分钟阅读
性能优化 optimization caching
frontend

专题三:前端工程化与性能优化

前端工程化是保障大型项目可维护性与团队协作效率的系统性方法论。本专题从工程化体系出发,系统覆盖代码规范与 ESLint/Prettier 配置、Monorepo 架构与 pnpm workspace、Vite/Webpack/esbuild 构建工具深度解析、CI/CD 自动化流水线、Web 性能全栈优化(Core Web Vitals、RUM 真实用户监控、资源加载策略、图片/字体/代码分割优化)、浏览器缓存与 CDN 配置、Web 安全(CSP/CORS/XSS 防护)、前端测试(单元测试/E2E/视觉回归)、可访问性 a11y 与 PWA 渐进式 Web 应用,以及 Vue/React/Next.js/Astro 等框架的工程化最佳实践,打造企业级前端交付能力。

4 分钟阅读
性能优化 optimization vue
game

小游戏性能剖析与内存管理:Chrome DevTools 实战 + 引擎级 Profiler

深入讲解 H5/小游戏性能优化方法论。涵盖 Chrome DevTools Performance 面板完整解读、内存泄漏检测(Heap Snapshot / Detached DOM)、JavaScript GC 优化策略、对象池(Object Pool)模式实现、Draw Call 合并(Batching)、物理引擎 Matter.js 调优。提供引擎级 Profiler 工具类、性能预算表与优化前后 FPS 对比数据。

5 分钟阅读
性能优化 profiling memory
frontend

Vue 性能优化指南:虚拟列表、懒加载、渲染优化与 Core Web Vitals

Vue 3 应用性能优化完整策略:虚拟滚动(vue-virtual-scroller)、组件懒加载与异步组件、KeepAlive 缓存、Suspense 异步优化、v-memo 渲染记忆化、响应式性能(shallowRef/toRaw)、Bundle 分析与代码分割、虚拟 DOM 优化、编译时优化、网络优化、性能分析工具、大规模应用架构、以及 Core Web Vitals(LCP/INP/CLS)调优。

8 分钟阅读
vue 性能优化 optimization