本文是Web前端机能SEO系列文章中的第九篇，次要报告内容：图象战Cookie优化。完好教程可检察：Web前端机能优化

1、 图象优化

图象根底常识

gif: 合用于动绘结果，比方提醒的转动条图案

jpg: 是一种利用有益紧缩的图片格局，它将图片的每一个像素合成成8*8的栅格，然后对每一个栅格的数据停止紧缩处置，经由过程特别的算法用四周的色彩挖充栅格，躲藏细节。用户能够设置量量级别，从0到100，数字越少图片量量便越好。

png：是一种利用无益紧缩的图片格局，它将图片上呈现的色彩停止索引，保存正在“调色板”上，PNG正在显现图象的时分便会挪用调色板的色彩来挖充响应的位置。png又分为png8，png24战png32；png8暗示撑持2^8个种色彩，凡是状况下png8是最通用的web图片格局。

挑选jpg借是png

比照jpg战png的特性，差别的图象利用差别的格局能获得最好紧缩结果。关于条理丰硕色彩较多的图象，利用jpg更好，果为为了很好的显现那种图象，png将利用调色板色彩更加丰硕的png24，那样图片巨细会比jpg年夜。而关于色彩简朴比照激烈的图象，利用png更好，果为png利用较少的调色板色彩便能够满意显现结果，并且获得的图片相对也比力小，而jpg是有益的，正在明晰的色彩过渡四周会有年夜色块，影响显现结果。

将png24|32转化为png8

png图片的优化的很主要的一步：有些png24|32图片自己色彩较为简朴，将其改变为png8获得的显现结果很相似，但却能极年夜天削减图片的巨细。那一步能够经由过程利用东西pngGo去完成，那是一个完整免费的东西，并且能够按照需求设置png所需求的调色板色彩数，获得最年夜的紧缩结果。

利用smushit.it正在线无益化紧缩

png格局将图象疑息保留正在“块”中，关于web显现去道，年夜部门的“块”皆并不是须要，以是优化战略能够将它们宁静天删除。俗虎的YSlow供给了一个正在线的无益化紧缩东西smushit.it，不外根本上假设曾经将图片改变为png8，利用smushit.it能紧缩的空间曾经很小了，不外关于逃供极致机能的web去道，借是值得一试的。

2、优化Cookie

甚么是Cookie

Cookie是存储正在客户真个一小段文本疑息，陪伴着用户恳求正在阅读器战效劳器之间通报。Cookie除中心工具key-value中，借有max-age，path，domain战httponly属性。httponly属性标识一个客户端javascript可否操纵那个Cookie；max-age暗示缓存工夫，单元为秒；domain代表域名，比方设置为blog，则iblogs也能够会见那个Cookie，假如设置为iblogs，则imageblogs那个域名下的资本将不克不及会见那个Cookie；path代表文件途径，默许为/，暗示能够该domain下的一切资本能够会见那个Cookie。阅读器对单个Cookie巨细限定没有超越4KB；关于统一域名下Cookie的数目也有限定，普通没有许可超越50个。

非耐久Cookie战耐久Cookie

假设Http恳求呼应头部Set-Cookie的时分出有给Cookie增加一个过时工夫，则它的默许过时工夫为当前阅读会话完毕，既退出阅读器那个Cookie便无效了，那个Cookie便叫做非耐久Cookie，果为是存储正在阅读器历程的内存中的。

而假如给Cookie增加了一个过时工夫，则Cookie疑息将存储到硬盘上，即便阅读器退出那个Cookie借是存正在的。只要Cookie已被肃清且借正在过时工夫之内，那个Cookie便会正在会见对应域名的时分收收给效劳器。

削减Cookie的体积

因为Cookie正在会见对应域名下的资本的时分城市经由过程Http恳求收收到效劳器，以是经由过程开理天设想Cookie，削减Cookie的体积，可以削减Http恳求报文的巨细，进步呼应速率。

经由过程利用差别的主机削减Cookie的利用

Cookie正在会见对应域名下的资本的时分城市经由过程Http恳求收收到效劳器，可是正在会见一些资本（比方js剧本，css战图片）的时分，年夜大都状况下那些Cookie是过剩的，以是我们能够经由过程利用差别的主机去存储一些静态资本，比方用专门的主机去存储图片，那样会见那些资本的时分便没有会收收过剩的Cookie，从而进步呼应速率。

完好教程可检察：Web前端机能优化

注：相干网站建立本领浏览请移步到建站教程频讲。