Project

初级

前端web页面性能的指标有哪些?

  • 白屏时间（Time to First Byte，TTFB），从发起页面请求到浏览器收到来自服务器的第一个字节的时间。较低的 TTFB 通常意味着更快的加载时间。
  • 首次内容渲染时间（First Contentful Paint，FCP），浏览器首次将页面的实际内容（文本、图像等）渲染到屏幕的时间。这是用户可以看到实际内容的时间点。
  • 首次有意义渲染时间（First Meaningful Paint，FMP），用户认为页面开始有意义渲染的时间。这通常是用户可以开始与页面进行交互的时间。
  • 页面完全加载时间（Page Load Time），页面上所有资源都加载完成并准备好交互所需的时间。
  • 可交互时间（Time to Interactive，TTI），页面加载完成后，用户可以开始与页面进行交互的时间。这包括 JavaScript 执行完毕、事件监听器绑定完成等。

webpack的原理是什么？

从一个入口文件开始，分析整个文件的依赖树，然后不同的文件通过不同的loader，最后打包成一个js bundle

页面白屏如何优化，如何加快启动时间？

  • 延迟加载，懒加载，图像懒加载（一般要用库，手写的话要清楚滚动细节）
Advanced