摘要: 移动端适配的目的是在不同尺寸的手机设备上,页面自适应或者保持统一效果的等比缩放; 先来明确几个概念 viewport 移动设备默认的viewport是layout viewport,也就是那个比屏幕要宽的viewport,但在进行移动设备网站的开发时,我们需要的是ideal viewport。那么怎 阅读全文
posted @ 2020-03-08 19:58 Lorasysu 阅读(102) 评论(0) 推荐(0)
摘要: 缓存是性能优化中一种简单高效的方式,可以减少网络传输造成的损耗。 缓存位置:当用户发出请求的时候,浏览器会依次寻找缓存,都没有命中才会请求网络 Service Worker Memory Cache Disk Cache Push Cache 网络请求 Service Worker 实现缓存功能一般 阅读全文
posted @ 2020-03-08 18:20 Lorasysu 阅读(292) 评论(0) 推荐(0)
摘要: 性能优化有很多内容 1)图片优化 减少图片大小:减少像素点;减少每个像素点能显示的颜色; 图片加载优化: 对于移动端来说,CDN加载可以计算适配屏幕的宽度,然后请求裁剪好的图片; 小图使用base64; 将多个图标文件整合到一张图片中; 选择正确的图片样式:webP格式具有更好的图像数据压缩算法,带 阅读全文
posted @ 2020-03-08 17:59 Lorasysu 阅读(155) 评论(0) 推荐(0)