
性能优化
Tokki_
萌新瑟瑟发抖
展开
-
小程序的性能优化
优化方式 我们知道 view 部分是运行在 webview 上的,所以前端领域的大多数优化方式都有用 加载优化 代码包的大小是最直接影响小程序加载启动速度的因素。代码包越大不仅下载速度时间场,业务代码注入时间也会变长,所以最好的优化方式是减小代码包的大小 代码压缩 及时清理无用代码和资源文件 减少代码包中的图片等资源文件的大小和数量 分包加载 首屏加载的体验优化 提前请求: 异步数...转载 2019-05-17 14:27:43 · 604 阅读 · 0 评论 -
前端优化
文件优化 图片优化 不用图片。很多时候会使用到很多修饰类图片,其实这类修饰图片完全可以用 CSS 去代替。 对于移动端来说,屏幕宽度就那么点,完全没有必要去加载原图浪费带宽。一般图片都用 CDN 加载,可以计算出适配屏幕的宽度,然后去请求相应裁剪好的图片 小图使用 base64格式 将多个图标文件整合到一张图片中(雪碧图) 选择正确的图片格式: 对于能够显示 WebP 格式的浏览器尽量使用 W...转载 2019-05-29 11:10:08 · 182 阅读 · 0 评论 -
图片懒加载
定义:延迟加载也称为惰性加载,即在长网页中延迟加载图像。用户滚动到它们之前,视口外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。 举个例子来说明,当打开淘宝首页的时候,只有在浏览器窗口里的图片才会被加载,当你滚动首页向下滑的时候,进入视口内的图片才会被加载,而其它从未进入视口的图像不会也不会加载。 优势 首先它能提升用户...转载 2019-06-23 19:35:02 · 323 阅读 · 0 评论