18986266083 联系电话

当前位置:主页 > 行业资讯 > SEO >

在网站优化中,图片应该如何进行优化(下)

文章来源:小象慢跑 发布时期:2018-02-09
  以下是遍及适用各种资源而不限于图片的优化手法:


 


  1.运用dataurl。资源内嵌于CSS或HTML中,而不必独自恳求。留意,多个当地都要运用的资源不一定适合用此优化方法,因为图片数据重复多了,添加流量。别的许多浏览器对dataurl有长度约束,留意资源的巨细。

  2.按照HTTP协议设置合理的缓存。具体的缓存战略(如永久缓存+重命名)、布置战略(如反向署理、CDN等)这儿就不展开了。

  3.运用支撑SPDY的服务器。SPDY可认为是未来的HTTP2.0的前期完成,Chrome、Firefox13+、Opera12+、IE11+均已支撑SPDY。SPDY和HTTP2可参阅此中文讲演:http://www.youtube.com/watch?v=r74RAcrc1ZA(请自备梯子),这儿就不展开了。

  4.资源的lazyload或postpone。(lazyload:延迟到其他资源下载完成后再加载,postpone:延迟到元素可见再加载。)现在基本上都要用脚本操控。未来HTML和CSS会添加相关的操控特点,见:ResourcePriorities。

  5.资源的prefetch。可用,见http://www.whatwg.org/specs/web-apps/current-work/#link-type-prefetch。留意prefetch只是hint,Firefox会预取资源(假如网络闲暇的话),而IE9则是对该资源的hostname进行DNS预解析。假如你真的需求更强的操控,则得用脚本。留意:Chrome支撑与prefetch附近但更进一步的,别的SPDY加入了与prefetch附近但语义不同的subresourcelink支撑,这两个新特性我也没用过,有兴趣的能够测验。

  图片的其他优化技巧如字体图标、CSSSprites等,不过沃索苏SEO不推荐。用字体图标不如用SVG。运用了SPDY和dataurl后,CSSSprites彻底没有必要用了。

  再有各种特定的图片问题,超出了一般优化的领域。如许多手机浏览器有黑夜形式,其间有的浏览器答应定制黑夜形式;有的手机浏览器答应在用户开启不加载图片选项的情况下让开发者设置有必要加载的图片(有点绕);又如许多手机浏览器有所谓云加速形式,即在服务器端对图片进行处理后再发送给客户端,应该回来怎样的图片给这些服务器有待研讨和实践。

  6.最后是responsive规划所需的图片优化,可能要产生多套不同巨细和分辨率的图片,合作mediaquery、以及srcset特点、picture元素、src-N等规范提案,这个论题比较大,尚未构成遍及认可的最佳实践,这儿也不多展开了。





阅读推荐:seo行业中什么是301重定向