随笔分类 - 性能优化
摘要：如何对项目中的图片进行优化？ 不用图片：很多时候会使用到很多修饰类图片，其实这类修饰图片完全可以用 CSS 去代替。 对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪费带宽。一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然后去请求相应裁剪好的图片。 小图使用 base64 格式 将
阅读全文
摘要：回流与重绘的概念及触发条件 回流/重排 概念 当渲染树中部分或者全部元素的尺寸、结构或者属性发生变化时，浏览器会重新渲染部分或者全部文档的过程就称为回流。 触发条件 ● 页面的首次渲染 ● 浏览器的窗口大小发生变化 ● 元素的内容发生变化 ● 元素的尺寸或者位置发生变化 ● 元素的字体大小发生变化
阅读全文
摘要：懒加载的概念 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果使用图片的懒加载就可以解决以上问 题。在滚动屏幕之前，可视化
阅读全文
摘要：CDN的概念 CDN（Content Delivery Network，内容分发网络）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其 他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。 CDN的作用 CDN一般
阅读全文
