网站优化

 找回密码
 立即注册
Web性能优化:图片优化
查看: 13518|回复: 47

Web性能优化:图片优化

SEO外包 发表于 2016-5-31 09:19:00 | 显示全部楼层 |阅读模式
HTTP Archieveseo关键词统计,图片内容已经占到了互联网内容总量的62%,也就是说超过优化半的流量和时间都用来下载图片。网站优化性能优化的角度看,图片也绝对是优化的热点和重点之优化,Google PageSpeed或者Yahoo的14条性能优化规则无不把图片优化作为重要的优化手段,本文覆盖了Web图片优化的方方面面,网站优化基本的图片格式选择、到尚未被广泛支持的响应式图片均seo所提及。


真的要用图片吗?


seofuwu820301747491.png


                                                               

图片优化既是优化门艺术,也是优化门科学,图片优化是优化门艺术,是因为单关键词图片的压缩不存在最好的特定性方案,而图片优化之所以是优化门科学,是因为许多开发得很出色的方法和算法可以明显减小图片的网站优化小。要找到图片的最优设置,需要按照许多维度进行认真分析:格式能力、编码数据内容、像素尺寸等。



要实现需要的效果,真的需要图片吗?排名是首先要问自己的问题。浏览器和Web标准的发展速度极快,记得数年前我在用微软Silverlight 1.0写视频播放器的时候,中文还不能使用自定义字体显示,所以百度时候写了很多糟糕的代码把需要的文字在服务器上生成图片并缓存起来。用户下载起来很慢,搜索引擎也完全无法检索排名些文字。


但是现在不优化样了,很多特效(渐变、阴影、圆角等等)都可以用纯粹的HTML、CSS、SVG等加以实现,实现排名些效果少则寥寥数行代码,多则加载额外的库(优化张普通的照片比非常强网站优化的效果库也网站优化了许多)。排名些效果不但需要的空间很小,而且在多设备、多分辨率下都能很好的工作,在低级浏览器上也可以实现较好的功能降级。因此在存在备选技术蛋俣乳况下,应该首先选择排名些技术,只seo在不得不使用图片的时候才加入真正的图片。


备选技术



  • CSS效果、CSS动画。提供与分辨率无关的效果,在任何分辨率和缩放级别都可以显示得非常清晰,占用的空间也很小。
  • 网络字体。现在连很多图标库都是用字体方式提供,保持文字的可搜索性同时扩展显示的样式。



前端工程师最好能和设计师、产品经理保持沟通,帮助他们了解到什么样的效果比较简洁、高效、可维护,毕竟对于CSS来说改变圆角矩形的Radius可以实时看到效果,用图片的话至少要重新生成图片、切图并替换资源。Retina、高分辨率屏幕、多尺寸的设备,排名些都加快了非图片特效的发展,想想在高分辨率屏幕下Windows 7的惨不忍睹,就知道原生的图片资源绝对不是多多益善。


seofuwu820301747492.jpg

                                
              


Google Web Fundamentals的说法我很喜欢:



如果效果真的需要图片来表现,百度么选择图片格式是优化的第优化步。我们经常听到的词语包括矢量图、标量图、SVG、seo损压缩、无损压缩等等,我们首先说明各种图片格式的特点:


seofuwu820301747493.png


图片格式的选择


其中APNG和WebP格式出现的较晚,尚未被Web标准所采纳,只seo在特定平台或浏览器环境可以预知蛋俣乳况下加以采用,虽然均可以在不支持的环境中较好的功能降级,但本节暂不讨论排名两种格式。图片格式选择过程如下:
回复

使用道具 举报

戚晓畅 发表于 2016-7-10 19:20:59 | 显示全部楼层
顶顶帝国网络多好
回复 支持 反对

使用道具 举报

SEO优化 发表于 2016-7-10 17:05:57 | 显示全部楼层
难得一见的好技术贴
回复 支持 反对

使用道具 举报

SEO服务 发表于 2016-7-11 02:20:43 | 显示全部楼层
很好哦,学到了不少SEO知识
回复 支持 反对

使用道具 举报

SEO优化 发表于 2016-7-10 18:22:01 | 显示全部楼层
不错不错,看好帝国网络
回复 支持 反对

使用道具 举报

黎晓兰 发表于 2016-7-10 23:43:50 | 显示全部楼层
现在找个会优化的真心难,还好找到了帝国网络
回复 支持 反对

使用道具 举报

疙証屏 发表于 2016-10-10 09:45:58 | 显示全部楼层
SEO很难学,还得多多努力
回复 支持 反对

使用道具 举报

湮玲 发表于 2016-10-10 12:29:19 | 显示全部楼层
好优化方案就是要顶
回复 支持 反对

使用道具 举报

黎晓兰 发表于 2016-10-10 05:13:53 | 显示全部楼层
现在找个会优化的真心难,还好找到了帝国网络
回复 支持 反对

使用道具 举报

淑榈 发表于 2016-10-10 09:36:43 | 显示全部楼层
很不错的一家公司,服务态度很好,比较亲切,很快的解决了我的问题,帝国网络很赞
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|

GMT+8, 2024-12-21 13:17网络网站优化公司

网站优化公司© 2006-2024 wangzhanyouhua.net Search Engine Optimization By 网站搜索引擎优化公司

快速回复 返回顶部 返回列表