性能优化

精灵图合并，减少HTTP请求； 压缩HTML、CSS、JavaScript文件； 使用CDN托管静态文件； 使用 localstorage缓存和 mainfest应用缓存。 精品推...

进行文件合并、文件压缩使文件最小化； 使用CDN托管文件，让用户更快速地访问； 使用多个域名来缓存静态文件。 精品推荐 GPT-4 Plus账号大大大降价了！免费AI写作工具！

img 标签在加载图片的时候, 是通过请求 src 属性所指向的文件来加载图片的, 那如果 img 标签本身没有 src 属性的话, 那么 img 标签在渲染的时候, 就不会加载图...

shouldComponentUpdate 这个方法用来判断是否需要调用 render方法重新描绘 dom。因为 dom 的描绘非常消耗性能，如果我们能在 shouldCompon...

使用路由懒加载; 不要打包一些公共的依赖(vue, 组件库), 使用 CDN加载这些依赖文件

移动端的点击事件会有 300ms 的延时;是因为浏览器为了保留双击缩放的功能所造成的,早期浏览器都有一个双击缩放的功能, 在用户点击一次以后, 浏览器会等待第二次点击, 如果用户在...

因为浏览器对请求静态资源文件有一个并发数量限制, 每次只能请求同一个域名下的若干个资源文件(根据浏览器的不同会有差异), 如果把资源文件存放在多个不同的域名下面就会突破浏览器的限制...

CDN全称内容分发网络, 是运营商所提供的一项增值服务, 花钱就可以拥有这项加速服务. CDN 主要是对网站的静态资源进行加速, CDN 在全国会有很多节点服务器(每个城市都有),...

> 修改vue.config.js配置，configureWebpack属性中加入externals，将对应的类库抽离，需要在index.html中加入对应的cdn文件。 > > ...

- 异步路由加载 - 不打包库文件 - 关闭 sourcemap - 开启 gzip 压缩 - 单独SSR页面生成

项目性能优化的方面包含很多，针对Vue项目的优化可以介绍几种类型的内容，主要包括：Vue 代码层面的优化、webpack 配置层面的优化、基础的 Web 技术层面的优化、用户体验优...

css模块化加载，对应模块下的css交给js或jsonp请求返回 js懒执行，有交互才执行 图片在其他屏（非首屏）都采用懒加载的模式，这样既能节省流量，也能减少请求数或延迟请求数。...

**1.post请求包含更多的请求头** 因为post需要在请求的body部分包含数据，所以会多了几个数据描述部分的首部字段（如：content-type）,这其实是微乎其微的。 ...

将 CSS 代码放在 HTML 页面的顶部 避免使用 CSS 表达式 使用 < link> 来代替 @import 避免使用 Filters