网站阅读体验,视觉效果都是有非常大的提升和帮助;把用户能看到的页面中的
无论网站是否是
其中首页一般顶部第一个是 LOGO 图片,这个应该是没有必要做懒加载的,因为 LOGO 肯定是会在首屏显示和第一时间加载的; 然后可能就是幻灯效果或者是大图的展现效果,如果图片是在首屏的话做懒加载就没有必要了,可以选择直接引入或者 css 内链样式以背景的方式引入图片; 接着就是左侧的文章列表以及右侧的推荐文章等相关的内容和缩略图,这些地方的图片就是做懒加载的必要地方; 对于像博客或者一些资讯的站点,可能还会存在一个用户头像图片,这个也是做懒加载的必要地方;
以上四点是针对与一个通用的网页以及整个网站都是适用的,而对于文章内容页面,还有更多的看法与观点,一般而言文章内容为了让搜索引擎良好的抓取文章整体内容包括图片,所以是不会做图片的懒加载的,但是对于想的某些评测或者需要多张甚至大量的图片展现该怎么办呢?有什么好的解决方法?
的观点是对于有多张或大量图片的文章内容而已,懒加载依旧是非常有必要的,否则当文章页面打开,所有的图片都同时请求加载图片,依旧会形成网页半天打不开或者页面加载中的状态,通过的个人经验和对内容传播的总结来看,文章中的前三张图片不做懒加载,其余图片都是可以做懒加载图片的,从搜索引擎的角度来看,文章中的图片会被搜索引擎索引并且可能用于搜索结果的缩略图展现,所以不能全部做图片懒加载,否则搜索引擎就不能正确获取到文章图片,至于为什么是三张图片嘛,可能也说不出具体的参考源或者依据,纯属经验与个人判断,同时也因为三种缩略图是比较通用常见的一个样式的缘故吧。
写在最后的简单总结
对于网站图片的优化,懒加载可能只是其中一种方式,但确实最行之有效的方式,例如现在第三方的 CDN 就可以直接处理和压缩图片,相当的简单方便,虽然说也很喜欢 CDN,但是网站处于一个流量不高不低的状态,服务器带宽优化一下也是可以支持的,所以就不愿意用 CDN,因为 CDN 流量也是需要花钱的啊!对于一个网站而已,图片比内容更占用空间和带宽,但是只要做到足够的优化,也是可以完美应对的。
关于如何把网站图片优化与懒加载做到极致也就给大家分享到这里了,相信能对那些喜欢折腾,追求极致,或者那些流量不高不低不愿意再给图片或者 CDN 流量付费的朋友们有所帮助了,如果你对网站图片优化还有其它观点,欢迎留言我们一起探讨哦!
本文地址:https://www.pizijiang.com/tougao/96693.html
举报投诉邮箱:253000106@qq.com