过去, 我们对含有大量图片的网站进行优化无外乎要依靠JS逻辑或是相关插件来完成, 比如懒加载技术. 而现在(至少在不久的将来), Chrome 75版本将增加原生懒加载功能. 当然, 你也可以现在就开始体验这一功能, 在浏览器的标签栏输入browser://flags/#ena…

由于业务的需要，笔者最近需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，笔者遇到了很多的坑，也总结了一些优化方案。这里将笔者使用或准备使用的优化方案总结一下。 在描述如何解决问题，我们现在先来申明，问题是什么？ 笔者的需求大概是在某个页面显示 1~1000张，200…

最近看了一篇文章《JS一定要放在Body的最底部么？聊聊浏览器的渲染机制》.从一道面试题说起,然后剖析了浏览器的加载和渲染机制. 在没有看过文章之前,估计我会回答为了是加快浏览器对页面的渲染.但是是哪个步骤,哪个时刻加速了就不得而知了.看过了这篇文章,大致了解了浏览器的加载和渲…

浏览器中某些计算和处理非常昂贵。比如当鼠标响应resize, touchmove,scroll等操作时，绑定的函数触发的频率会很高，如果该函数稍微复杂一些，响应速度会远远跟不上触发频率，便会出现卡顿，延迟，假死等现象。 如上图所见，在输入时会不断的发送请求，非常浪费资源。为优化…

随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能…

最近在进行项目构建的时候遇到很多难题，首先我们最容易忽略的问题就是关于性能优化的。为什么这么说呢？我相信很多小伙伴开发网站都是在本地进行构建的，我们发现项目跑起来之后根本是没有什么延迟的问题出现，或许我们根本就不会注意到这个问题，尤其是那些刚开始接触工程化项目开发的时候。通过本…