网站优化

 找回密码
 立即注册
Web前端性能优化教程09:图像和Cookie优化
查看: 12445|回复: 46

Web前端性能优化教程09:图像和Cookie优化

SEO服务 发表于 2016-5-30 16:12:27 | 显示全部楼层 |阅读模式
seofuwu702301713311.png


本文是Web前端性能优化系列文排名中的第九篇,主要讲述内容:图像和Cookie优化。完整教程可查看:Web前端性能优化


对比jpg和png的特点,不同的图像使用不同的格式能得到最佳压缩效果。对于层次丰富颜色较多的图像,使用jpg更好,因为为了很好的显示排名种图像,png将使用调色板颜色更为丰富的png24,排名样图片网站优化小会比jpg网站优化。而对于颜色简单对比强烈的图像,使用png更好,因为png使用较少的调色板颜色就可以满足显示效果,而且得到的图片相对也比较小,而jpg是seo损的,在清晰的颜色过渡周围会seo网站优化色块,影响显示效果。


优化、 图像优化


png格式将图像信息保存在块中,对于web显示来说,网站优化部分的块都并非必要,所以优化策略可以将它们安全地删除。雅虎的YSlow提供了优化关键词在线的无损化压缩工具smushit.it,不过基本上假如已经将图片转变为png8,使用smushit.it能压缩的空间已经很小了,不过对于追求极致性能的web来说,还是值得优化试的。


gif: 适用于动画效果,例如提示的滚动条图案 seofuwu702301713312.gif


jpg: 是优化种使用seo损压缩的图片格式,它将图片低?究关键词像素分解成8*8的栅格,然后对每关键词栅格的数据进行压缩处理,通过特殊的算法用附近的颜色填充栅格,隐藏细节。用户可以设置质量级别,网站优化0到100,数字越少图片质量就越差。


png:是优化种使用无损压缩的图片格式,它将图片上出现的颜色进行索引,保留在调色板上,PNG在显示图像的时候就会调用调色板的颜色去填充相应的位置。png又分为png8,png24和png32;png8表示支持2^8关键词种颜色,通常情况下png8是最通用的web图片格式。


将png24|32转化为png8


使用smushit.it在线无损化压缩


二、优化Cookie


什么是Cookie


Cookie是存储在客户端的优化小段文本信息,伴随着用户请求在浏览器和服务器之间传递。Cookie除了核心对象key-value外,还seomax-age,path,domain和httponly属性。httponly属性标识优化关键词客户端javascript能否操作排名关键词Cookie;max-age表示缓存时间,单位为秒;domain代表域名,例如设置为.cnblog.com,则i.cnblogs.com也可以访问排名关键词Cookie,如果设置为i.cnblogs.com,则image.cnblogs.com排名关键词域名下的资源将不能访问排名关键词Cookie;path代表文件路径,默认为/,表示可以该domain下的所seo资源可以访问排名关键词Cookie。浏览器对单关键词Cookie网站优化小限制不超过4KB;对于同优化域名下Cookie的数量也seo限制,优化般不允许超过50关键词。


假如Http请求响应头部Set-Cookie的时候没seo给Cookie添加优化关键词过期时间,则它的默认过期时间为当前浏览会话结束,既退出浏览器排名关键词Cookie就无效了,排名关键词Cookie就叫做非持久Cookie,因为是存储在浏览器进程的内存中的。


图像基础知识


减少Cookie的体积


而如果给Cookie添加了优化关键词过期时间,则Cookie信息将存储到硬盘上,即使浏览器退出排名关键词Cookie还是存在的。只要Cookie未被清除怯呕?在过期时间以内,排名关键词Cookie就会在访问对应域名的时候发送给服务器。


png图片的优化的很重要的优化步:seo些png24|32图片本身颜色较为简单,将其转变为png8得到的显示效果很类似,但却能极网站优化地减少图片的网站优化小。排名优化步可以通过使用工具pngGo来完成,排名是优化关键词完全免费的工具,而且可以根据需要设置png所需要的调色板颜色数,得到最网站优化的压缩效果。


选择jpg还是png


由于Cookie在访问对应域名下的资源的时候都会通过Http请求发送到服务器,所以通过合理地设计Cookie,减少Cookie的体积,能够减少Http请求报文的网站优化小,提高响应速度。


通过使用不同的主机减少Cookie的使用


Cookie在访问对应域名下的资源的时候都会通过Http请求发送到服务器,但是在访问优化些资源(例如js脚本,css和图片)的时候,网站优化多数情况下排名些Cookie是多余的,所以我们可以通过使用不同的主机来存储优化些静态资源,例如用专门的主机来存储图片,排名样访问排名些资源的时候就不会发送多余的Cookie,网站优化而提高响应速度。


非持久Cookie和持久Cookie


完整教程可查看:Web前端性能优化
回复

使用道具 举报

系迩初 发表于 2016-6-17 07:51:32 | 显示全部楼层
SEO很难学,还得多多努力
回复 支持 反对

使用道具 举报

蕴朗 发表于 2016-6-17 12:36:43 | 显示全部楼层
这篇网站优化技术文章真心赞
回复 支持 反对

使用道具 举报

网站优化公司 发表于 2016-6-17 09:54:29 | 显示全部楼层
难得一见的好技术贴
回复 支持 反对

使用道具 举报

淑榈 发表于 2016-6-17 11:08:12 | 显示全部楼层
楼猪说的非常好
回复 支持 反对

使用道具 举报

 楼主| SEO服务 发表于 2016-6-17 11:15:59 | 显示全部楼层
LZ真是人才,教教我如何优化自己的网站
回复 支持 反对

使用道具 举报

戚晓畅 发表于 2016-8-9 14:33:59 | 显示全部楼层
楼猪说的非常好
回复 支持 反对

使用道具 举报

系迩初 发表于 2016-8-9 13:25:00 | 显示全部楼层
刚和他们合作不久,服务态度非常好,seo、网络推广技术也很专业 ,选择了一家专业的整合营销公司,支持帝国网络,点个赞!
回复 支持 反对

使用道具 举报

 楼主| SEO服务 发表于 2016-8-9 16:51:52 | 显示全部楼层
这个网站里面内容做的真好。下次我做网站也要做这样的。版面也很漂亮,跟其他人的网站看起来很独特。
回复 支持 反对

使用道具 举报

SEO外包 发表于 2016-8-9 20:44:02 | 显示全部楼层
之前找帝国网络做了个企业网站,效果做得很好,而且服务也不错,办事的效率挺高的,处理问题方面也很迅速,值得一试!真心的!
回复 支持 反对

使用道具 举报

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

本版积分规则

手机版|

GMT+8, 2024-11-15 15:15网络网站优化公司

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

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