前端监控
10篇文章 · 0订阅
  • 内联首屏关键CSS（Critical CSS）
    Critical CSS Vue 如何提取 Critical Css,FMP,只将渲染首屏内容所需的关键CSS内联到HTML中
    CSS
  • 什么是关键 CSS ？
    网络速度很慢，但是有一些简单的策略可以使网站变快。其中之一就是 将关键的css内联插入到网页的<head>标签, 但是，如果您的网站包含数百页，甚至更糟糕的是包含数百种不同的模板，那么你该怎么做呢？ 你不能手动做这件事。
    CSS Grunt 单元测试
  • CSS性能优化的8个技巧
    我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…
    CSS 浏览器 前端
  • 探讨如何消除渲染阻塞资源
    缓慢的渲染时间也会让您的用户感到沮丧，并可能导致他们放弃您的页面。 HTTP Archive（HTTP存档通过定期爬网web上的顶级站点来跟踪web是如何构建的，并记录有关获取的资源、使用的web平台
    前端 HTTP
  • dns-prefetch 预解析技术-- 前端网络必知
    dns-prefetch(DNS预获取)是前端网络性能优化的一种措施。它根据浏览器定义的规则，提前解析之后可能会用到的域名，使解析结果缓存到系统缓存中，缩短DNS解析时间，进而提高网站的访问速度。
    前端
  • 用 preload 预加载页面资源
    本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome，所以可放…
    HTML JavaScript 浏览器
    用 preload 预加载页面资源
  • 浅谈 Webp
    Webp 是由谷歌在 2010 年 9 月发布的一种用于 web 端支持有损和无损压缩的图片格式（同时也支持动态图片和透明度）。
    WebP
  • 如何从0到1搭建前端监控平台
    常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔
    前端 监控 JavaScript
    如何从0到1搭建前端监控平台
  • 「历时8个月」10万字前端知识体系总结（工程化篇）🔥
    工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容
    前端 JavaScript
    「历时8个月」10万字前端知识体系总结（工程化篇）🔥
  • 钉钉前端-如何设计前端实时分析及报警系统
    前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，我是来自钉钉的烛象，我今天的题目是钉钉前端团队是如何打造亿级流量的监控系统。 首先来个我的个人介绍，我从早上看到现在基本上很少有讲师把这个照片放上…
    前端 监控
    钉钉前端-如何设计前端实时分析及报警系统