惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Vercel News
Vercel News
B
Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
IT之家
IT之家
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog
博客园_首页
C
Check Point Blog
博客园 - 【当耐特】
美团技术团队
Last Week in AI
Last Week in AI
A
About on SuperTechFans
雷峰网
雷峰网
MongoDB | Blog
MongoDB | Blog
Microsoft Azure Blog
Microsoft Azure Blog
M
MIT News - Artificial intelligence
Martin Fowler
Martin Fowler
J
Java Code Geeks
B
Blog RSS Feed
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
G
Google Developers Blog
F
Fortinet All Blogs

前端优化

前端 import cost 插件-bundle size plus 面试的时候遇到一个奇葩需求,向大佬们取经。 请教下 react 前端如何封装页面组件 寻找前端 SEO 大佬付费咨询 SaaS 前端项目重构 有哪个 AI 应用可以把图片切片成 html5+css? css animation 动画 CPU 占用高 2024 年了,国内有没有好用的 Google Fonts 代理服务推荐? 寻求前端样式优化 前端性能优化 img 标签到底需要关闭吗? [前端] chrome 怎么突破最大并发数限制? 怎么检测远程图片是否是渐进式呢 100 元找个人优化单页网站代码 一般上传文件超过多大才需要做分片上传? 如何实现页面加载完毕之后再跳转 CSS grid 布局,有没有什么方法可以保持至少 2 列? [前端问题]像苹果官网那种滚到一个页面,放一些动画的效果怎么做的? 客户对速度要求高, nginx 的 pagespeed 模块有没有什么坑? 有人用过电报的 Webpage Bot 吗。我发送过链接图片错了。然后我用 Webpage Bot 更新。图片一直更新不过来。 前端加载速度优化,有没小伙伴有优化的黑科技(骚操作),嘻嘻学习下 求大佬推荐一款安全便捷的师生控制电脑教学软件跪求! 优化到 890ms 了 感动的想哭,果然找问题不能着急~~ 网页问题,在 mac safari 滚动卡顿。。 [前端] 关于 Chrome 字体渲染的 Grayscale 问题 帮朋友做个产品展示官网,结果找到新手,做得差强人意,后台也不堪入目 前端小白如何练级到标准版? [tomcat 共享目录] 关于使用 tomcat 共享目录内文件 分享一个免费在线纯客户端图片压缩神器,支持单次最大 1000 张图片压缩 import 引用模块如何优雅的减少 webpack 打包体积?
spa 应用白屏时间有什么好的测量方法?
vevlins · 2020-02-26 · via 前端优化
  1. 很多监控 sdk 使用的 domcontentloaded 等传统事件对 spa 来说根本没意义,又不是后端直出。

  2. 用 lighthouse 等测量 fcp 又有些不稳定,cli 和 chrome 插件两种方式差别很大,我看 issue 中维护者有提到当浏览器刚启动时会有一些准备工作,导致 lighthouse 每次新启动一个浏览器实例再测试网站有很多额外的消耗。

  3. 后来用 puppeteer 的 waitForSelector 监测内容区块,发现第一次访问效果会很差,后面几次降低,即使开启隐身模式禁用缓存也是如此,我怀疑 chrome 第一次访问做了一些预热工作,比如 tcp 连接、各层面的 cache。

所以白屏时间到底应该怎么算,才能得到一个稳定的能够代表用户真实、随机访问下的指标?