![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
十五.网站优化
庚中
这个作者很懒,什么都没留下…
展开
-
vue路由懒加载办法
前言像vue这种(spy)单页面应用,如果没有使用到懒加载,webpack打包的文件过大,造成进入首页时,加载的资源过多,时间过长,即使做了loading也不利于用户体验,而运用懒加载可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载事件,简单来说就是进入首页不用一次加载过多资源造成时间过长.方法如下:import Vue from 'vue'impo...原创 2019-12-11 17:08:31 · 228 阅读 · 0 评论 -
面试准备之性能优化
性能优化前言我之前接手一个别人的项目,当时要求新增需求,等我做完打包后之后发现静态项目超过了17M,于是我想办法进行优化,最后只剩下2M左右,我是怎么做的呢?主要有四个方面:一.网络请求相关1.开启CDN,将第三库直接放到CDN上,不但减小了生产环境的体积,也加快了加载速度;2.设置强缓存,在服务器中将长时间不会改变的第三方库或者静态资源max-age设置为强缓存,这样下次加载只会读取内...原创 2019-11-26 01:00:04 · 322 阅读 · 2 评论 -
网站优化方案总结
性能优化方案总结:1.静态资源托管;2.图片合并;3.图片压缩;4.js合并;5.css合并;6.少操纵DOM元素;(浏览器渲染原理,可选)7.少用递归;8.css3开启3d;原创 2019-02-19 09:21:38 · 3744 阅读 · 0 评论