性能优化
10篇文章 · 0订阅
  • 如何实现分片加载网络数据？让页面秒开无白屏！
    网络请求是前端开发中非常重要的一环，但是当我们处理较大的网络请求时，我们往往会面临着长时间的等待和页面白屏的问题。 这不仅影响了用户体验，也降低了网站的性能。今天，子辰就来带大家解决这个问题
    前端 架构 前端框架
    如何实现分片加载网络数据？让页面秒开无白屏！
  • 理解前端基础渲染模式｜CSR、SSR、同构、静态化
    开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 22 天，点击查看活动详情 前段时间写了一篇关于 ISR 渲染概念的文章，并在团队进行了分享，得到的反馈是很多同学没有接触过服务端
    掘金·日新计划 前端 JavaScript
  • 新时代的 SSR 框架破局者：qwik
    抛弃完全多余的 hydration ，让你的SSR应用性能突破天际。今天我们来聊聊一种全新的服务端渲染思路，一起来看看号称世界上第一个SSR框架：qwik。
    前端 JavaScript React.js
    新时代的 SSR 框架破局者：qwik
  • 前端要对用户的电池负责！
    前言 我有一个坏习惯：就是下班之后不关电脑，但是电脑一般来说第二天电量不会有什么损失。但是后来突然有一天它开不起来了，上午要罢工？那也不好吧，也不能在光天化日之下划水啊；聪明的我还是找到了原因：电池耗
    JavaScript 性能优化
    前端要对用户的电池负责！
  • 🚀 拆分代码 + 动态加载 + 预加载，减少首屏资源，提升首屏性能及应用体验
    route-resource-preload 的目标是`Any code can be split`，在不影响用户交互体验的同时，尽可能的提升应用性能`。🚀 🚀 🚀
    Webpack 性能优化 React.js
    🚀 拆分代码 + 动态加载 + 预加载，减少首屏资源，提升首屏性能及应用体验
  • 这可能是最全的小程序包大小优化方案
    这可能是最全的小程序包大小优化方案，分析为什么需要做小程序包体积优化，盘点我们能采取的各种方案、手段，介绍每种方案如何实施。对于大型小程序来说，推进主包体积优化很有必要，能提高用户打开速度。
    微信小程序 前端
    这可能是最全的小程序包大小优化方案
  • 会用 Performance 工具，就能深入理解页面渲染流程
    通过学习神光大大的文章，我动手实践了一下，来重新认识一下页面渲染的流程是怎么样的？欢迎评论区留言讨论！
    前端 浏览器 掘金·日新计划
    会用 Performance 工具，就能深入理解页面渲染流程
  • 虚拟滚动是怎么做性能优化的?
    携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情。 前言 一个简单的情景模拟（千万别被带入）： A： 假设现在有 10 万条数据，你作为前端该怎么优化这种大
    前端 Vue.js 性能优化
    虚拟滚动是怎么做性能优化的?
  • 虚拟列表，我真的会了！！！
    如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！
    前端 React.js
    虚拟列表，我真的会了！！！
  • 网站性能优化实战——从12.67s到1.06s的故事
    ——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动…
    性能优化 服务器
    网站性能优化实战——从12.67s到1.06s的故事