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

阅读模式 · 学习于 2016-5-30 16:12:27

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

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

优化、图像优化

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

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前端性能优化

qsgpd · 学习于 2016-6-18 09:02:08

真心顶楼主可否给我的网站做优化

6i0g1 · 学习于 2016-6-18 08:53:15

难得一见的好帖教会我如何优化网站

5800 · 学习于 2016-6-18 09:11:50

技术和方案都很好哦

ez2r3 · 学习于 2016-6-18 08:50:33

不错不错这下会优化网站了

jn7 · 学习于 2016-6-18 08:24:31

LZ真是SEO的人才

人肉搜索 · 学习于 2021-2-27 14:51:59

易县网站排名优化公司

驴友 · 学习于 2021-2-27 21:01:20

普陀区网站关键词排名优化公司

最强天团 · 学习于 2021-2-28 09:26:43

开封seo网站关键词优化公司

招商银行 · 学习于 2021-3-2 14:24:30

吉林公司网站优化公司

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

精彩评论25

网站优化案例

关键词排名

精彩图文

网站优化的注意事项（从SEO到用户体验

客服中心

贵阳百度优化公司提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

贵阳SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004

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

精彩评论25

网站优化案例

关键词排名

精彩图文

网站优化的注意事项（从SEO到用户体验

客服中心

贵阳百度优化公司 提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

贵阳SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004

贵阳百度优化公司提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化