前端性能
文章平均质量分 65
liangshanbo1215
这个作者很懒,什么都没留下…
展开
-
Snyk CLI
打开浏览器窗口,提示您登录到 Snyk 帐户并验证您的机器。目前不需要存储库权限。1、安装 Snyk CLI。原创 2024-04-08 06:30:00 · 149 阅读 · 0 评论 -
PRPL模式
在使用 PRPL 模式时,我们需要确保我们请求的 bundle 包包含我们当时需要的最少资源,并且浏览器可以缓存。如果用户想要导航到 Service Worker 缓存的频繁访问的路由,则 Service Worker 可以快速从缓存中获取所需的资源,而不必向服务器发送请求。HTTP/1.1 在请求和响应中使用换行符分隔的明文协议,而 HTTP/2 将请求和响应拆分为更小的部分,称为帧。浏览器的缓存是有限的,你可能会通过请求客户端实际上不需要的资源来不必要地使用带宽。幸运的是,我们可以通过向关键资源添加。原创 2024-04-01 11:07:42 · 584 阅读 · 0 评论 -
前端 prefetch 和 preload 的区别?
总体而言,prefetch 和 preload 都可以帮助优化页面的加载性能。prefetch 用于获取非关键资源,而 preload 用于获取关键资源。选择使用哪种提示取决于资源的重要性以及是否需要在页面加载时立即使用。原创 2024-04-01 10:01:13 · 708 阅读 · 0 评论 -
Prefetch
请求和加载预取的模块。当浏览器处于空闲状态并计算出它有足够的带宽时,它将发出请求以加载资源并缓存它。缓存资源可以显著减少加载时间,因为我们不必在用户单击按钮后等待请求完成。) 是一种浏览器优化,它允许我们在需要后续路由或页面之前获取可能需要的资源。它可以在 HTML 中以声明方式完成(例如在下面的示例中),通过 HTTP 头(在展示如何根据可见性或交互导入模块的示例中,我们看到在单击按钮以切换组件和在屏幕上显示实际组件之间经常存在一些延迟。在许多情况下,我们知道用户会在页面初始呈现后不久请求某些资源。原创 2024-04-07 06:00:00 · 292 阅读 · 0 评论 -
压缩 JavaScript
压缩 JavaScript 并关注压缩后的块大小以实现最佳性能。过高的 JavaScript 打包粒度有助于消除重复项和缓存,但可能在 50-100 块范围内受到较差的压缩和加载影响(由于浏览器进程、缓存检查等)。最终,选择最适合您的压缩策略。JavaScript 是导致页面大小增大的第二大因素,也是互联网上仅次于图像的请求量第二大的网络资源。我们使用一些模式来减少 JavaScript 的传输、加载和执行时间,以提高网站的性能。压缩可以帮助减少通过网络传输脚本所需的时间。原创 2024-04-05 06:30:00 · 713 阅读 · 0 评论