来源:四川成都网站建设公司
日期:2017-12-20
浏览:10
对于网站图片优化的重要性已经不言而喻,而图片懒加载的重要性也就更不用多说,针对与网站图片的优化,我们在如何利用懒加载的方式来做到页面的最佳化呢?
首先我们需要知道整个网站或者一个页面中在哪些板块会出现图片,因为各个网站的不同,以一种最通用的页面来举例:
其中首页一般顶部第一个是LOGO图片,这个应该是没有必要做懒加载的,因为LOGO肯定是会在首屏显示和第一时间加载的;
然后可能就是幻灯效果或者是大图的展现效果,如果图片是在首屏的话做懒加载就没有必要了,可以选择直接引入或者css内链样式以背景的方式引入图片;
接着就是左侧的文章列表以及右侧的推荐文章等相关的内容和缩略图,这些地方的图片就是做懒加载的必要地方;
对于像博客或者一些资讯的站点,可能还会存在一个用户头像图片,这个也是做懒加载的必要地方;
以上四点是针对与一个通用的网页以及整个网站都是适用的,而对于文章内容页面,一般而言文章内容为了让搜索引擎良好的抓取文章整体内容包括图片,所以是不会做图片的懒加载的,但是对于需要多张甚至大量的图片展现该怎么办呢?有什么好的解决方法?
对于有多张或大量图片的文章内容而已,懒加载依旧是非常有必要的,否则当文章页面打开,所有的图片都同时请求加载图片,依旧会形成网页半天打不开或者页面加载中的状态,通过个人经验和对内容传播的总结来看,文章中的前三张图片不做懒加载,其余图片都是可以做懒加载图片的,从搜索引擎的角度来看,文章中的图片会被搜索引擎索引并且可能用于搜索结果的缩略图展现,所以不能全部做图片懒加载,否则搜索引擎就不能正确获取到文章图片。
成都网站建设公司(http://www.mingtengnet.com/)为企业提供一站式网站服务及网络营销服务。服务项目涵盖:高端网站建设、企业网站建设、网页设计、网站制作、成都建网站、成都网站制作、成都网站优化、电子商城网站建设、品牌网站设计及网页制作;成都微店制作,成都微站制作,成都微信网站制作,微店铺制作,微商城,微信营销,app制作,手机app制作,APP制作开发等。
成都建网站就找专业网站建设公司——四川明腾信息技术有限公司,全国免费咨询热线:400-8081601
文章由四川明腾网络成都网站建设编辑整理,转载请注明出处