性能优化
xiaxiaoxian
这个作者很懒,什么都没留下…
展开
-
按需加载图片(图片懒加载)
前言按需要加载图片,这是一个非常实用的功能,不仅可以提高网站的性能,还可以为你节省流量。对于用虚拟主机的朋友来说,如果你的网站是一个图片网站或者图片比较多的网站,那么图片懒加载功能真不能少。原理实现图片懒加载的原理也非常地简单,默认情况下不给图片 scr 属性赋值。当满足一定的条件时才把图片地址取出来赋值给 src 属性。一般地,这上为了让网站页面有更好的用户体验,我们都会预先给所有的图片都设置一...转载 2017-08-15 09:13:52 · 1430 阅读 · 0 评论 -
localstorage的应用,对js进行缓存
1.使用localstorage缓存从服务器端传递过来的js文件,不需要每次请求这些js文件原创 2018-02-12 13:38:09 · 888 阅读 · 1 评论 -
“懒”的妙用——浅析图片懒加载技术
1、定义图片懒加载是一种网页优化技术。图片作为一种网络资源,在被请求时也与普通静态资源一样,将占用网络资源,而一次性将整个页面的所有图片加载完,将大大增加页面的首屏加载时间。为了解决这种问题,通过前后端配合,使图片仅在浏览器当前视窗内出现时才加载该图片,达到减少首屏图片请求数的技术就被称为“图片懒加载”。2、传统的解决方案我们先来探讨一下传统的图片懒加载技术是如何实现的。以京东sale活动页为例,...转载 2018-03-01 15:40:37 · 1007 阅读 · 0 评论 -
web性能优化之事件节流
问题:鼠标滚轮滚动一下,scroll事件触发了12次document.addEventListener('scroll',function(){ console.log('hello')})事件节流背后的思想是指:某些代码不可以在没有间断的情况下连续重复执行,第一次调用函数,创建一个定时器,在指定的时间间隔之后运行代码,第二次调用该函数时,它会清除前一次的定时器,并设置一个,如果前一个定时器已...原创 2018-03-19 09:47:31 · 551 阅读 · 1 评论