全部学科
Web前端
TypeScript vue CSS HTML javascript npm pinia vite
JAVA后端
maven spring Mytatis SpringMVC SpringBoot java
通用技术
redis git docker nginx mysql zookeeper rabbitmq
GO后端
golang gorm gin
Python全栈
python
NodeJS全栈
nodejs
vite / 模拟试卷

高级性能优化专题测试

18 题 36 分钟 难度：★★★
💡 参考答案在文末
单选题
1

动态导入 import('./module.js') 在 Vite 中会生成什么？

A

合并到主 bundle 中

B

独立的异步 chunk 文件

C

内联到 HTML 中

D

延迟加载的 CSS 文件

2

提升 Vite Tree Shaking 效果的关键措施是什么？

A

使用 ES Module 格式编写代码

B

正确标记 package.json 中的 sideEffects

C

避免使用动态导入

D

A 和 B 都是

3

Vite 的持久缓存存储在哪里？

A

内存中

B

node_modules/.vite 目录

C

dist 目录

D

.cache 目录

4

rollup-plugin-visualizer 插件的作用是什么？

A

加快构建速度

B

生成 Bundle 体积可视化分析图表

C

自动优化代码分割

D

压缩产物体积

5

分析 Vite 构建产物体积分布，推荐使用什么工具？

A

webpack-bundle-analyzer

B

rollup-plugin-visualizer

C

vite-plugin-analyze

D

source-map-explorer

6

在 Vite 中使用 ?worker 参数导入文件的作用是什么？

A

启用模块缓存

B

将模块作为 Web Worker 加载

C

启用代码分割

D

增加构建速度

7

Tree Shaking 有效的前提条件是什么？

A

使用 ES5 语法

B

使用 ESM 格式的导入导出

C

所有代码都在一个文件中

D

禁用代码分割

多选题
8

Bundle 体积分析后可以采取哪些优化措施？

A

分离大型第三方库为独立 chunk

B

使用更轻量的替代库

C

移除未使用的代码和依赖

D

配置 Tree Shaking 排除副作用

9

如何优化 Tree Shaking 效果？

A

在 package.json 设置 sideEffects: false

B

使用纯 ESM 格式的依赖库

C

避免有副作用的导入语句

D

使用 /#PURE/ 标记纯函数调用

10

哪些因素会影响 Tree Shaking 效果？

A

模块是否有副作用标记

B

使用动态导入或 require

C

package.json 的 sideEffects 配置

D

代码中调用全局 API

11

懒加载策略在哪些场景下最有效？

A

路由级别组件懒加载

B

大型第三方库按需加载

C

非首屏内容延迟加载

D

核心功能模块懒加载

12

动态导入与预加载如何配合使用？

A

使用 prefetch 预加载未来需要的 chunk

B

使用 preload 预加载当前路由依赖

C

Vite 自动生成 preload 链接

D

prefetch 在空闲时加载不影响当前性能

13

分析 Bundle 体积时需要关注哪些指标？

A

单个 chunk 的体积大小

B

第三方库在总体积中的占比

C

重复打包的依赖模块

D

gzip 后的体积变化

14

Web Worker 适合处理哪些类型的任务？

A

大数据计算处理

B

图像/视频处理

C

加密解密运算

D

DOM 操作和渲染

15

Vite 处理 Web Worker 的特性有哪些？

A

使用 ?worker 参数自动打包为 Worker

B

支持 Worker 内使用 import 导入模块

C

返回 Worker 实例可直接使用

D

Worker 代码自动压缩优化

16

优化首屏加载的动态导入策略包括？

A

路由级代码分割

B

组件预加载（prefetch）

C

关键组件内联到首屏

D

所有组件都动态导入

17

哪些情况会触发缓存失效重新构建？

A

package.json 依赖版本变化

B

lockfile（如 pnpm-lock.yaml）变化

C

vite.config.js 相关配置变化

D

手动删除 node_modules/.vite

18

如何优化构建缓存策略？

A

使用 optimizeDeps.include 预构建常用依赖

B

保持依赖版本稳定避免频繁重建

C

CI 环境缓存 node_modules/.vite 目录

D

使用 force: true 强制每次重建

参考答案
1.B 2.D 3.B 4.B 5.B 6.B 7.B 8.A;B;C;D 9.A;B;C;D 10.A;B;C 11.A;B;C 12.A;B;C;D 13.A;B;C;D 14.A;B;C 15.A;B;C;D 16.A;B 17.A;B;C;D 18.A;B;C
想在手机上练习这套试卷？
使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码
← 上一套试卷 高级SSR实现专题测试
扫码体验小程序
加载中
想在手机上刷题学习？
使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码