随笔分类 -  性能方面

摘要：JS图片延迟加载 图片延迟加载也称 "懒加载"，通常应用于图片比较多的网页，比如 "美丽说首页"，"蘑菇街"等一些导购网站上用的比较多，或者淘宝,京东等电子商务网站上也用的比较多，因为页面加载时候 假如我们没有用延迟加载的话 那么页面上很多图片，首先要发n多个请求，性能肯定不怎么好，而我们用延迟加载 阅读全文

摘要：懒加载与预加载的基本概念。 懒加载也叫延迟加载：前一篇文章有介绍：JS图片延迟加载 延迟加载图片或符合某些条件时才加载某些图片。 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。 两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压 阅读全文

摘要：上周，我参加了公司的一门课程《网站性能优化》，讲师提出了一个问题：一张图片优化后减少5K，1年内可以大概省下多少宽带成本呢？非常好奇，仔细听完讲师分析，计算出来的数据让小伙伴们都惊呆了，仅仅5K，看起来真的没什么，一年内大概节省540元~1440元，这说明一个问题，用户数庞大的网站中，一点优化可能会 阅读全文

摘要：javascript的加载方式，总得来说是在页面上使用script来声明，以及动态的加载这些方式，而动态的加载，在很多js库中都能够很好的去处 理，从而不至于阻塞其他资源的加载，并与其并行加载下来。这样的动态异步的加载方式罗列起来有：Ajax的方式、DOM Element Insert、Iframe 阅读全文