前端 - vue 首屏性能优化指标？
面试被问到首屏性能优化，回答了fcp指标以及一系列的措施，但是面试官反问道用骨架屏或者背景图其实也可以解决这个问题，并且举例一般把首屏接口的响应时间作为指标会更好一些，并细化到优化到多少毫秒，这部分应该如何去回答以及如何监测首屏接口的响应时间需要用到哪些指标，并如何优化解决
共有2个答案
一般的话，就是从 Chrome devTools 的 LightHouse 的各种标准里面入手
�� 缩短服务器响应时间 | Lighthouse | Chrome for Developers
指标的话，Google 的 Web Vitals 基本就够了。接口的响应时间我不知道该怎么理解，当然是越快越好，但是优化它能带来多少帮助值得商榷，可能还不如静态化、预渲染和 SSR。
整体的优化思路，推荐看我的视频 从浏览器渲染机制理解 Web 性能——“在浏览器地址栏输入 URL，按下回车后会发生什么？”。
-
本文向大家介绍浅谈vue首屏加载优化，包括了浅谈vue首屏加载优化的使用技巧和注意事项，需要的朋友参考一下 本文介绍了浅谈vue首屏加载优化，分享给大家，具体如下： 库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map 未优化前 首先我们在正常情况下build 优化 1. 按需加载 当前流行的UI框架如iview,muse-
-
JIT与GC优化 > untyped（无类型）。 JAVASCRIPT是个无类型的语言，这导致了如x=y+ｚ这种表达式可以有很多含义。 y，z是数字，则+表示加法。 y，z是字符串，则+表示字符串连接。 而JS引擎内部则使用“细粒度”的类型，比如： 32-bit* integer。 64-bit* floating-point。 这就要求js类型-js引擎类型，需要做“boxed/unboxed（
-
本文向大家介绍Vue SPA单页应用首屏优化实践，包括了Vue SPA单页应用首屏优化实践的使用技巧和注意事项，需要的朋友参考一下 1.代码压缩(gzip) 如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf 在Gzip Settings里加入： gzip 开启或者关闭 gzip 模块，这里使用 on 表示
-
本文向大家介绍浅谈Vue SPA 首屏加载优化实践，包括了浅谈Vue SPA 首屏加载优化实践的使用技巧和注意事项，需要的朋友参考一下 写在前面 本文记录笔者在Vue SPA项目首屏加载优化过程中遇到的一些坑及优化方案！ 我们以 vue-cli 工具为例，使用 vue-router 搭建SPA应用，UI框架选用 element-ui ， ajax方案选用 axios, 并引入vuex ，使用 vu
-
A curated list of Web Performance Optimization. Everyone can contribute here! Categories :memo: Articles :newspaper: Blogs :books: Books :book: Docs :movie_camera: Talks Tools Analyzers Analyzers API
-
我开始写前端应用的时候，并不知道一个 Web 应用需要优化那么多的东西。编写应用的时候，运行在本地的机器上，没有网络问题，也没有多少的性能问题。可当我把自己写的博客部署到服务器上时，我才发现原来我的应用在生产环境上这么脆弱。 我的第一个真正意义上的 Web 应用——开发完应用，并可供全世界访问，是我的博客。它运行在一个共享 256 M 内存的 VPS 服务器上，并且服务器是在国外，受限于网络没有备