图片network：
相关知识点：
默认图片相关：
a.background：利用背景图设置默认图片，其中可以连这写的是background-image，background-position，background-repeat，这些也是要加倍写的。
aa是夜景图
参考链接：http://www.haorooms.com/post/css3_bg_multi
b.img标签的onerror事件，当图片加载不出来时使用默认图片加载---并不是解决大图片的问题，只是解决默认图片的问题；图片加载很慢是不一定会执行onerror的，超时应该会执行onerror，超时原因我不确定会是啥，超时时间怎么设置不清楚额，是浏览器设置还是服务端设置，还是计算机设置；
http://blog.csdn.net/cs41806516/article/details/52206513
大图片优化方法：
1.图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。
*screen:屏幕大小，不管窗体的缩大放小的，还有宽度算不算滚动条的宽度，看滚动条是不是body的，其实都没去设置overflow的时候，很可能默认是html的；
参考：https://www.jianshu.com/p/4f6ea540516a
https://www.liaoxuefeng.com/article/00151045553343934ba3bb4ed684623b1bf00488231d88d000
2.如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。
参考链接：http://blog.csdn.net/sunshine940326/article/details/53536535?locationNum=3&fps=1
3.如果图片为css图片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技术。
参考链接：http://imgbase64.duoshitong.com/
4.如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。
参考链接：http://blog.jobbole.com/44038/#article-comment
5.如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致。
判断图片加载是否加载完成：onload，readystatechange，complete属性
参考链接：http://blog.csdn.net/zhuchunyan_aijia/article/details/52016962
网友评论