性能优化
21篇文章 · 0订阅
  • 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
    这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的…
    JavaScript 前端
  • 匠心打造多tab自动吸顶下的多滚动容器（详细）
    作者：闲鱼技术——羲凡 背景 不知道什么时候开始，一种tab自动吸顶下的多容器嵌套滚动浏览交互方式逐渐风靡在各大电商APP（美团、京东、拼多多等）。。。
    前端 APP
    匠心打造多tab自动吸顶下的多滚动容器（详细）
  • 彻底捋一捋缓存（四）——离线应用缓存：App Cache => Manifest
    请注意：该特性已经从Web标准中删除，本文只是作为了解所用Manifest是H5提供的一种应用缓存机制,基于它web应用可以实现离线访问(offlinecache)浏览器还提供了应用缓存的API：ap
    前端 GitHub 浏览器
    彻底捋一捋缓存（四）——离线应用缓存：App Cache => Manifest
  • 利用prerender-spa-plugin提升单页面应用的体验
    目前 Vue、 React 在前端界混的风生水起，它们的开发思想使得我们能真正做到前后端分离、解耦。单页面的使用给用户带来了更好体验。不过对于 Vue 和 React 这种框架来说， HTMLinJS 的思路在首屏加载慢、白屏以及 SEO 等问题就日益突出了。 不仅需要拼框架的…
    Vue.js GitHub 前端
  • 「前端那些事儿」④ 性能监控
    近年移动业务喷井式爆发，伴随着互联网人口红利的萎缩，用户更加青睐效率高体验优的站点，页面「到达」快慢直接影响了用户的体验，「性能」变得越来越重要。google 大数据统计观察发现，移动端用户对页面加载慢的容忍度远低于 PC 端，投放页面首屏加载时间从 2s 钟延迟到 3s 会造…
    监控 性能优化
    「前端那些事儿」④ 性能监控
  • 代码快不快？跑个分就知道
    上一回，笔者介绍了 Navigation Timing 和 Resource Timing 在监控页面加载上的实际应用。 这一回，笔者将带领大家学习 Performance Timeline 和 User Timing 标准，并使用相应的 API，给前端代码“跑个分”。 真…
    前端 GitHub 360
  • 2018 前端性能检查表
    众所周知，性能十分重要。然而，我们真的知道性能瓶颈具体在哪儿吗？是执行复杂的 JavaScript，下载缓慢的 Web 字体，巨大的图片，还是卡顿的渲染？研究摇树（Tree Shaking），作用域提升（Scope Hoisting），或是各种各样的与 Intersection…
    浏览器 JavaScript 前端
    2018 前端性能检查表
  • 「前端那些事儿」⑤ 定位性能指标FMP
    可能大家对「白屏时间」这个名词并不陌生，他是「刀耕火种」年代，我们收集的页面性能指标之一，随着前端工程的复杂化，白屏时间已经没有什么实质性的意义了，取而代之的就是 FMP。 先来介绍几个与之相关的名词。 FMP（First Meaning Paint）：首次有效绘制，标记主角元…
    JavaScript
    「前端那些事儿」⑤ 定位性能指标FMP
  • 前端优化不完全指南 | Aotu.io「凹凸实验室」
    篇幅可能有点长，我想先聊一聊阅读的方式，我希望你阅读的时候，能够把我当作你的竞争对手，你的梦想是超越我。你想超越我，就得了解我懂什么对吧，好，开始阅读~ ~ 哈哈哈 ~ ~ ~ 历时 144000000 毫秒出山的前端优化篇，若你问我有什么感悟？ 那我告诉你，看到毫秒啊，火箭啊，这些与优化相关的词，都有莫名的亲切感。 本文主要从工作效率、速度性能、稳定性、响应式、兼容性、搜索 SEO、信息无障碍等方面进行讲解。 前端优化是一个让人技术提升的 point，希望你也能从这里学到一些东西。
    前端
    前端优化不完全指南 | Aotu.io「凹凸实验室」