前端性能优化方案大体分为网络传输优化和页面内容优化， 网络方面 1、减少http请求 合并js文件 合并css文件 雪碧图的使用(css sprite) 使用base64表示简单的图片 2、减小资源体积 gzip压缩 js混淆 css压缩 图片压缩 3、使用缓存 DNS缓存 CDN部署与缓存 htt ...
分类：
其他好文 时间：
2019-05-14 15:00:48
阅读次数：
148
1、从静态资源文件质量方面的优化通过第三方网站手动压缩图片，网址：https://tinypng.com/优点服务端：缩小质量，节省服务器资源客户端：提升加载速度，节省流量，本地资源文件质量小，能够减少App体积，为用户节省流量，少占用移动设备的内存。2、移动端上传使用libjpeg进行图片压缩（哈夫曼算法,无损压缩）,（ios系统自带，仅供android开发者参考）博客地址：https://bl
分类：
其他好文 时间：
2019-05-01 22:24:01
阅读次数：
200
1. upload 使用者调用的方法 2. rotateImg 旋转照片，用于把iOS拍照后获取到的图片摆正 3. dataURLtoFile 将压缩后的图片转为file 对象，区分一个 blob 和 base64, 兼容哪个就用哪个 4. 得先引入 exif-js 用于拿到图片信息，确定 iOS ...
分类：
移动开发 时间：
2019-04-17 18:12:29
阅读次数：
184
引入相对应的文件 清除文件，一般执行在default之前 将less解压成css 压缩js 压缩图片 压缩css 将css文件注入 ...
分类：
Web程序 时间：
2019-03-29 17:21:59
阅读次数：
186
首先来看一下前端性能优化所涉及的层面有如下四个：网络层面，构建层面，浏览器渲染层面，服务端层面 具体的优化点有：资源合并与压缩，图片编码原理和类型的选择，浏览器的渲染机制，懒加载与预加载，浏览器存储，缓存机制，PWA，Vue-SSR等等 首先来了解一下web前端的本质 web前端的本质是一种GUI软 ...
分类：
其他好文 时间：
2019-03-25 01:21:16
阅读次数：
252
(1) 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip，CDN托管，data缓存 ，图片服务器。 (2) 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 (3) ...
分类：
其他好文 时间：
2019-03-19 21:37:15
阅读次数：
173
// 图片压缩，默认同比例压缩 compressImg (URL, callback) { // 生成canvas let canvas = document.createElement('canvas') let ctx = canvas.getContext('2d') let image = ... ...
分类：
其他好文 时间：
2019-02-24 18:47:04
阅读次数：
197
/** * desription 压缩图片 * @param sting $imgsrc 图片路径 * @param string $imgdst 压缩后保存路径 */ function image_png_size_add($imgsrc,$imgdst){ list($width,$height... ...
分类：
Web程序 时间：
2019-02-21 12:31:59
阅读次数：
227
如果你在工作中遇到过需要压缩图片的场景，比如： 现在这款 在线图片压缩工具 可能是你最需要的 docsmall有如下优势 放个截图感受一下 ...
分类：
其他好文 时间：
2019-02-12 22:01:10
阅读次数：
229
网站性能优化的一些解决方案 1、资源文件合并，减少HTTP请求次数 合并Js，合并css，图片使用sprite 2、静态资源压缩 图片、CSS、JS在发布前要压缩 2、减少页面DOM操作 操作多的话可以考虑使用虚拟dom 3、延迟加载内容 图片懒加载、数据懒加载（加载更多），功能懒加载 4、使用离线 ...
分类：
Web程序 时间：
2019-01-27 16:26:29
阅读次数：
207
