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

摘 要

  \\\\是W前端性能优化系列文章中的第九篇,主要讲述内容:图像和优化 教程可查看:W前端性能优化一、图像优化图像基础知识:适用于动画效果,例如提示的滚动条图案:是一种使用有损

   \\\\是W前端性能优化系列文章中的第九篇,主要讲述内容:图像和优化 教程可查看:W前端性能优化一、图像优化图像基础知识:适用于动画效果,例如提示的滚动条图案:是一种使用有损压缩的图片格式,它将图片的每个像素分解成的栅格,然后对每个栅格的数据进行压缩处理,通过特殊的算法用附近的颜色填充栅格,隐藏细节 可以设置质量级别,从到,数字越少图片质量就越差 :是一种使用压缩的图片格式,它将图片上出现的颜色进行索引,保留在;调色板;上,在显示图像的时候就会调用调色板的颜色去填充相应的位置 又分为,和;支持^个种颜色,通常情况下是最通用的图片格式 选择还是和的特点,不同的图像使用不同的格式能得到最佳压缩效果 对于丰富颜色较多的图像,使用更好,因为为了很好的显示这种图像,将使用调色板颜色更为丰富的,这样图片大小会比大 对于颜色简单对比强烈的图像,使用更好,因为使用较少的调色板颜色就可以满足显示效果,而且得到的图片相对也比较小,而是有损的,在清晰的颜色过渡周围会有大色块,影响显示效果 将转化为图片的优化的重要的一步:有些图片本身颜色较为简单,将其转变为得到的显示效果很类似,但却能极大地减少图片的大小 这一步可以通过使用工具来完成这是一个完全免费的工具,而且可以根据需要设置所需要的调色板颜色数,得到最大的压缩效果 使用无损化压缩格式将图像信息保存在;块;中,对于显示来说,大部分的;块;都并非必要,所以优化策略可以将它们安全地删除 的提供了一个在线的无损化压缩工具,不过基本上假如已经将图片转变为,使用能压缩的空间已经很小了,不过对于追求极致性能的来说,还是值得一试的 二、什么是是存储在客户端的一小段文本信息,伴随着用户请求在浏览器和服务器之间传递 核心对象外,还有,,和属性 标识一个客户端能否操作这个;表示缓存时间,单位为秒;代表域名,例如设置为,则也可以访问这个,如果设置为,则这个域名下的资源将不能访问这个;代表文件路径,默认为,表示可以该下的所有资源可以访问这个 器对单个大小限制不超过;对于同一域名下的数量也有限制,一般不允许超过个 非和持久假如请求响应头部的时候没有给添加一个过期时间,则它的默认过期时间为当前浏览会话结束,既退出浏览器这个就无效了,这个就叫做非持久,因为是存储在浏览器进程的内存中的 如果给添加了一个过期时间,则信息将存储到硬盘上,即使浏览器退出这个还是存在的 未被清除且还在过期时间以内,这个就会在访问对应域名的时候发送给服务器 的体积由于在访问对应域名下的资源的时候都会通过请求发送到服务器,所以通过合理地设计,减少的体积,能够减少请求报文的大小,提高响应速度 教程可查看:W前端性能优化\\
  • 162
    A+
发布日期:2019年09月05日  所属分类: Seo进阶