合肥Web培训
达内合肥web培训中心

0551-64632511

热门课程

页面图片过多,如何通过优化加载来优化用户体验?

  • 时间:2016-12-15 09:56
  • 发布:合肥达内web培训
  • 来源:企业面试题

页面图片过多时,我们应该做以下处理

1、图片懒加载。在页面的未可视区域添加一个滚动事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。

2、如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。

3、如果图片为css图片,可以使用CSSsprite,SVGsprite等技术。

4、如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验。

5、如果图片展示区域小于图片的真实大小,应在服务器端根据业务需要先进行图片压缩,图片压缩后大小与展示一致。

免费预约企业总监级讲师试听课

怕钱不够?就业挣钱后再付学费!     怕学不会?0基础入学,达内定制课程!     担心就业?近12万家雇主企业,推荐名企就业!

上一篇:quirks模式是什么?它和standards模式有什么区别?
下一篇:URL中有哪些特殊字符

前端工程师到底是什么样的呢?

高薪前端具备哪些技能?如何学习前端知识?

怎样使用html5代码实现地理位置介绍

说下如何测试一个新的网站网站

选择城市和中心
贵州省

广西省

海南省