亿级流量下的前端高可用架构实践:淘宝春节许愿主互动大淘宝技术/@用户终端技术本文分享了淘宝2025年春节核心互动玩法的前端实践,介绍了业务背景、产品功能,阐述了在快速迭代、差异化降级、高并发优化等方面的应对策略及挑战,还提及了研发效率等情况。
如何在浏览器中渲染100万个元素,并且保证页面不卡顿?超详细底层原理图文分享掘金前端/@Ryan今天学习了吗本文从创建大量元素导致页面卡顿的场景出发,深入剖析浏览器底层原理,探讨造成页面卡顿的原因,如JS运行阻塞渲染等,并介绍了异步机制及多种解决页面卡顿的方案,包括不同API的使用及效果等。
微信专家:性能优化看这篇就够了!腾讯云开发者/@张江涛文章作者总结了日常工作中常见的性能优化问题,围绕数据结构展开推荐了常见的几种性能优化方案,还推荐了三款好用的性能测试工具,并强调性能优化需持续监控,避免过度优化。
性能优化:500w字符编码需要多少时间?掘金前端/@九酒文章讲述了客户反馈鸿蒙页面卡顿,经排查是一段500万字符编码的JS脚本在鸿蒙JSVM中运行耗时过长。通过分析发现是客户对字符进行了两次编码拼接操作,且使用 + 运算符进行字符串连接。针对此问题进行了优化,优化后的代码在Chrome上运行时间
一杯柠檬水的时间 | 让你理解前端性能优化的核心武器——防抖节流 ψ(`∇´)ψ掘金前端/@天天扭码文章介绍了前端性能优化技术防抖节流,解释了为什么需要它们,阐述了防抖和节流的核心思想、实现方式,并通过示例说明其适用场景,强调了在实际开发中合理运用它们的重要性以及它们是面试高频考点。
雅虎前端优化35条规则前端技术编程本文是雅虎前端优化规则(Yslow)的翻译,从内容、服务器、图片、css、js、cookie和组件7个部分来谈网站优化,介绍了减少HTTP请求、DNS查询、避免跳转等35条规则
JavaScript 性能优化实战:从理论到落地的全面指南掘金前端/@用户6147225377203/3 天前本文围绕JavaScript性能优化展开,先阐述了JavaScript执行机制及常见性能瓶颈,介绍了性能分析工具,接着从代码优化、内存管理、渲染性能、异步操作等方面给出优化技巧,还提及性能测试和监控,助力开发者提升JavaScript应用性
webpack性能优化和构建优化掘金前端/@南望无一/4 天前文章主要介绍了webpack性能优化和构建优化的方法,包括通过插件测量构建时间和包大小来进行优化,如缩小查找范围、设置resolve.alias、限定文件扩展名等构建性能优化,以及watch监听、代码分割、处理副作用等优化开发体验的方法。
HTML 模板技术与服务端渲染掘金前端/@工呈士/4 天前文章介绍了在现代前端开发生态中,HTML模板技术与服务端渲染构成连接前后端的重要桥梁。单页应用存在首屏加载速度慢等问题,服务端渲染可有效解决。本文深入探讨了HTML模板引擎的工作原理、实现机制以及在不同场景下的应用策略等
真实业务场景:在React中使用Web Worker实现HTML导出PDF的性能优化实践掘金前端/@mx951/4 天前在管理后台系统中,报表导出需求常见。将复杂DOM转换为PDF时,传统方案会阻塞主线程致页面卡顿。本文介绍用Web Worker优化,对比传统方案痛点,阐述Web Worker优势,并分析了核心技术,最终成功提升用户体验,该模式也适用于其他C
2025淘宝春晚互动小游戏技术方案揭秘大淘宝技术/@互动场景前端团队/4 天前本文深入解析了2025年春晚互动小游戏的技术实现,重点探讨了如何通过前端技术应对高并发和跨端协同的挑战,介绍了渲染性能优化、框架升级、WebGL应用等关键技术措施,还分享了开发挑战及解决方案与未来发展方向。
🔥 Day 02 - 前端性能优化全栈实战:资源加载篇掘金前端/@HahaMonsters/5 天前本文从结构化视角深入剖析了前端中图片、CSS、字体和JS的资源加载优化策略,并提供了相关方法,还给出了总结与工具推荐
Nextjs首屏加载速度性能从80分优化到98分程序员成长指北/@先飞的笨鸟/5 天前作者分享了将Nextjs首屏加载速度性能从80分优化到98分的经验。介绍了利用google控制台的网络和performance工具检查首次加载资源请求及首屏加载过程;通过@next/bundle-analyzer可视化检查页面和打包资源大小
利用Nginx实现高性能的前端打点采集服务(支持GET和POST)掘金前端/@李博帅/5 天前业务开发中前端打点事件产生大量请求,如何高效稳定采集数据是后端服务设计的重要课题。本文结合实践详细介绍利用Nginx轻量高性能特性搭建打点采集服务,解决了Nginx默认不支持POST请求及无法记录POST Body等问题,还给出了日志接入存
How to use the Next.js Image component to optimize imagesLogRocket Blog/@Adebiyi Adedotun/5 天前文章详细阐述了Next.js中Image组件这一内置图像优化解决方案,介绍了其具备的自动图像压缩、调整大小、缓存等功能,以及如何通过sizes、deviceSizes和imageSizes等属性来生成图像srcsets,还说明了默认的缓存机
HTML与Web性能优化掘金前端/@工呈士/6 天前随着互联网用户对网站加载速度期望提高,前端性能优化成现代Web开发核心竞争力。HTML作为网站骨架,其结构和优化策略对页面性能影响重大。本文深入探讨通过优化HTML结构提升页面性能,减少用户等待时间,提高用户体验,还介绍了浏览器渲染机制等相
🚀 从 Vite 到 Rsbuild:一次意想不到的构建性能飞跃掘金前端/@奶茶鉴赏专家/6 天前NetShort公司业务高速扩展,原用Vite构建工具在大体量项目下有性能瓶颈。文章分享了从Vite迁移到Rsbuild的过程,包括项目结构、插件体系、环境变量等方面的调整。实际迁移效果显著,构建时间大幅缩短,打包体积优化,协作效率提高,为
支付宝小游戏宿主性能优化支付宝体验科技/@逸空&智游/6 天前本文由支付宝技术部人员联合编写,介绍了支付宝小游戏的运行模式,深入探讨了运行时的性能优化问题,包括音效与渲染解耦、文件系统优化、独立渲染线程优化等方面,并通过具体数据展示了优化收益,最后总结了多方面优化提升了小游戏在支付宝客户端内的运行效率