当前位置: 首页 > article >正文

vite-性能优化-构建优化-cnd加速优化

CDN 加速优化 - 感觉用不大到

主要作用 : 
将引入的依赖,打包部署后,在用户访问的时候,
通过网络CDN的方式进行加载,而非直接从你自己的服务器上加载。

优点 : 
  1、直接降低了你自己的打包的体积,这种依赖根本不会被打包到你的输出目录(模式是那个dist)中。
  2、用户通过连接离自己最近的CDN服务器进行加载资源,提高了加载的效率。

缺点 : 
 这一点属于本人自己的怀疑,就是 如果CDN服务器上的资源和你开发时用的不一致,那么就会直接导致线上的问题。

vite.config.js 中通过 插件使用 CDN优化的操作如下 :
插件是 :vite-plugin-cdn-import
项目中的引入命令 : import { _ } from "lodash";
对应关系 :
1、 name 对应 from 后面的依赖名称;
2、var 对应 import 后面的导入的 变量名;
3、path 就是要指定一下该依赖在cdn上面的地址。一般官网上都有推荐。

在这里插入图片描述


http://www.kler.cn/a/145585.html

相关文章:

  • DRG/DIP 2.0时代下基于PostgreSQL的成本管理实践与探索(下)
  • 编程题-两数相加(中等)
  • springboot基于微信小程序的商城系统
  • C++ STL(8)map
  • Games104——渲染中光和材质的数学魔法
  • web端ActiveMq测试工具
  • 学习Opencv(蝴蝶书/C++)——3. OpenCV的数据类型
  • 七、通过libfdk_aac编解码器实现aac音频和pcm的编解码
  • 4.整数输入,并输出变量类型【2023.11.26】
  • C++11
  • POJ 1795 DNA Laboratory 状态压缩DP(旅行商问题)
  • 《C++PrimePlus》第9章 内存模型和名称空间
  • 5.一维数组——输入一行字符,统计其中各个大写字母出现的次数。
  • 【Linux】23、内存超详细介绍
  • ABAP UT(单元测试)
  • JavaEE进阶学习:读取和存储对象
  • Instant Web API .Net Core Crack
  • 聊一聊索引覆盖的好处
  • C++标准模板(STL)- 类型支持 (类型修改,移除给定类型的一层指针,std::remove_pointer)
  • 深度学习图像修复算法 - opencv python 机器视觉 计算机竞赛
  • 虹科Pico汽车示波器 | 汽车免拆检修 | 2011款瑞麒M1车发动机起动困难、加速无力
  • STM32-使用固件库新建工程
  • docker安装nacos,实现和mysql容器的通信
  • 大数据平台/大数据技术与原理-实验报告--部署全分布模式Hadoop集群
  • [JVM] 美团二面,说一下JVM数据区域
  • AIGC原理:扩散模型diffusion综述一:面向视觉计算的扩散模型研究进展