标签：性能优化
总体上来说，下面这些是为什么CSS对性能这么重要的原因： 浏览器必须等到渲染树完全渲染才能渲染页面； 渲染树的DOM和CSSOM整合到一起的结果； DOM是阻塞JavaScript渲染的HTML等； CSSOM是所有被应用到DOM上的CSS规则； 可以给JavaScript设置...
什么是prefetching？ 通过提前加载用户可能访问的下一个页面（）可以加速web页面加载速度，我们称之为prefetching。在某些情况下，这可以让接下来的导航交互立即加载。 现在化的prefetching可以使用很多种方式实现。通常使用浏览器的<link rel=pr...
2020版前端性能检查项来了！ “Web性能是一个很狡猾的野兽”。当我们面对性能时，我们怎么真正知道我们该怎么做？是昂贵的JavaScript，缓慢的web字体传送，笨重的图片 或 缓慢的渲染？探索tree-shaking、作用域提升（Scope Hoisting)、代码分割(C...
近几年，由于网站的构建方式由服务端渲染切换到客户端渲染的SPA，我们需要花费更多的时间来管理用户设备的资源。不能阻塞UI渲染的进程，不能让笔记本的风扇狂响，不能让手机电池狂掉电等等，我们最不想看到的页面就是下面这个了。我们要认真思考这些在服务端渲染的时代不存在的问题。 很少有人...
在The Cost of JavaScript中，提到了一个很好的点：200kb的JavaScript比200kb的图片更加“昂贵”。因为相比于图片，浏览器需要做更多的工作做代码比较。原文描述如下： A JPEG image needs to be decoded, ras...
前端性能检查清单 是由LogRocket的团队产出的，从2016年开始每年都有更新。LogRocket 本身提供了一个前端性能监控的服务，他们通过跟踪主要指标，分析内存占用等措施来给出网站性能改进建议。这份清单，对前端开发者来说，可以提供一些实战性的经验和参考，帮助开发者更好地做...
SmashingMag 是一个技术博客网站，使用React编写的前端页面。他们最近做了一些web性能优化，提升了核心页面指标（Core Web Vitals）参数。 作为一个技术博客网站，数据基本上都是静态的数据，如CSS、图片、JavaScript，还有一些评论等。 在这些要优...
我维护着 Microdiff，这是一个针对深层对象差异化进行了性能和尺寸优化的库。有人在一个 Microdiff 的问题 中发表了一个帖子，要求我写一篇关于我如何使 Microdiff 变得快速的博客文章。 我相信，对于你注意到的其他库存在的效率低下以及你是如何克服它们的...
他们说编程中有两件难事：命名和缓存失效。我想再增加一项：现代 Web 应用中的状态管理！ 今天，我们将深入探讨 Vue 中的状态管理策略，并介绍直观的存储库 Pinia。 Vue 状态管理：注意事项和限制 从 Vue 2 开始的时代起，我们使用 data 选项来定义一个方法，该方...
新的自动填充面板 此版本为 DevTools 带来了全新的 自动填充 面板。Chrome 自动填充 提供了一种方便的方式，在网站上自动填充已保存地址的表单。新的 自动填充 面板允许您检查表单字段、预测的自动填充值和已保存数据之间的映射关系。 在此 演示页面 上尝试新面板和测试数据...
显示 1/3 页
下一页 ⇛