SEO培训
SEO培训:个人八年的SEO网络工作经验
seo培训

您现在的位置:主页 > 网站优化 >

Web程序优化的最佳实践:Cookie、图片及移动应用篇

时间:2015-07-23 来源:seo培训

在SEO优化中,一直有这样一句话:内容为王,外链为皇!,SEO外链产业孕育而生,很多站长为了提升自己网站的权重,获取更好的排名,

  【编者按】来自Yahoo!的ExceptionalPerformance团队为我们带来了改善Web性能的最佳实践方案。为此,他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是提高网站性能。通过各种努力,xcetionalPerformance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。

延伸阅读:

Web程序优化的最佳实践(网站内容篇)

Web程序优化的最佳实践(服务器篇)

Web程序优化的最佳实践:JavaScript和CSS篇

本文为Cookie、图片及移动应用部分的内容。

图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要。这主要包括以下几个部分。

Coockie:

1。减小Cookie体积

2。对于页面内容使用无coockie域名

图片:

3。优化图像

4。优化CSSSpirite

5。不要在HTML中缩放图像

6。favicon。ico要小而且可缓存

移动应用:

7。保持单个内容小于25K

8。打包组件成复合文本

1、减小Cookie体积

HTTPcoockie可以用于权限验证和个性化身份等多种用途。coockie内的有关信息是通过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小以减少用户的响应时间十分重要。

有关更多信息可以查看TenniTheurer和PattyChi的文章"WhentheCookieCrumbles"。

这们研究中主要包括:

•去除不必要的coockie

•使coockie体积尽量小以减少对用户响应的影响

•注意在适应级别的域名上设置coockie以便使子域名不受影响

•设置合理的过期时间。较早地Expire时间和不要过早去清除coockie,都会改善用户的响应时间。

2、对于页面内容使用无coockie域名

当浏览器在请求中同时请求一张静态的图片和发送coockie时,服务器对于这些coockie不会做任何地使用。因此他们只是因为某些负面因素而创建的网络传输。所有你应该确定对于静态内容的请求是无coockie的请求。创建一个子域名并用他来存放所有静态内容。

如果你的域名是www。example。org,你可以在static。example。org上存在静态内容。但是,如果你不是在www。example。org上而是在顶级域名example。org设置了coockie,那么所有对于static。example。org的请求都包含coockie。在这种情况下,你可以再重新购买一个新的域名来存在静态内容,并且要保持这个域名是无coockie的。Yahoo!使用的是ymig。com,YouTube使用的是ytimg。com,Amazon使用的是images-anazon。com等等。

使用无coockie域名存在静态内容的另外一个好处就是一些代理(服务器)可能会拒绝对coockie的内容请求进行缓存。一个相关的建议就是,如果你想确定应该使用example。org还是www。example。org作为你的一主页,你要考虑到coockie带来的影响。忽略掉www会使你除了把coockie设置到*。example。org(*是泛域名解析,代表了所有子域名译者dudo注)外没有其它选择,因此出于性能方面的考虑最好是使用带有www的子域名并且在它上面设置coockie。

3、优化图像

设计人员完成对页面的设计之后,不要急于将它们上传到web服务器,这里还需要做几件事:

•你可以检查一下你的GIF图片中图像颜色的数量是否和调色板规格一致。使用imagemagick中下面的命令行很容易检查:

identify-verboseimage。gif

如果你发现图片中只用到了4种颜色,而在调色板的中显示的256色的颜色槽,那么这张图片就还有压缩的空间。

•尝试把GIF格式转换成PNG格式,看看是否节省空间。大多数情况下是可以压缩的。由于浏览器支持有限,设计者们往往不太乐意使用PNG格式的图片,不过这都是过去的事情了。现在只有一个问题就是在真彩PNG格式中的alpha通道半透明问题,不过同样的,GIF也不是真彩格式也不支持半透明。因此GIF能做到的,PNG(PNG8)同样也能做到(除了动画)。下面这条简单的命令可以安全地把GIF格式转换为PNG格式:

convertimage。gifimage。png

"我们要说的是:给PNG一个施展身手的机会吧!"

•在所有的PNG图片上运行pngcrush(或者其它PNG优化工具)。例如:

pngcrushimage。png-remalla-reduce-bruteresult。png

•在所有的JPEG图片上运行jpegtran。这个工具可以对图片中的出现的锯齿等做无损操作,同时它还可以用于优化和清除图片中的注释以及其它无用信息(如EXIF信息):

jpegtran-copynone-optimize-perfectsrc。jpgdest。jpg

4、优化CSSSpirite

•在Spirite中水平排列你的图片,垂直排列会稍稍增加文件大小;

•Spirite中把颜色较近的组合在一起可以降低颜色数,理想状况是低于256色以便适用PNG8格式;

•便于移动,不要在Spirite的图像中间留有较大空隙。这虽然不大会增加文件大小但对于用户代理来说它需要更少的内存来把图片解压为像素地图。

100×100的图片为1万像素,而1000×1000就是100万像素。

5、不要在HTML中缩放图像

不要为了在HTML中设置长宽而使用比实际需要大的图片。如果你需要:

<imgwidth="100″height="100″src="mycat。jpg"alt="Web程序优化网站优化图片优化Web优化"/>

那么你的图片(mycat。jpg)就应该是100×100像素而不是把一个500×500像素的图片缩小使用。

6、favicon。ico要小而且可缓存

favicon。ico是位于服务器根目录下的一个图片文件。它是必定存在的,因为即使你不关心它是否有用,浏览器也会对它发出请求,因此最好不要返回一个404NotFound的响应。由于是在同一台服务器上,它每被请求一次coockie就会被发送一次。这个图片文件还会影响下载顺序,例如在IE中当你在onload中请求额外的文件时,favicon会在这些额外内容被加载前下载。

因此,为了减少favicon。ico带来的弊端,要做到:

•文件尽量地小,最好小于1K

•在适当的时候(也就是你不要打算再换favicon。ico的时候,因为更换新文件时不能对它进行重命名)为它设置Expires文件头。你可以很安全地把Expires文件头设置为未来的几个月。你可以通过核对当前favicon。ico的上次编辑时间来作出判断。

Imagemagick可以帮你创建小巧的favicon。

7、保持单个内容小于25K

这条限制主要是因为iPhone不能缓存大于25K的文件。注意这里指的是解压缩后的大小。由于单纯gizp压缩可能达不要求,因此精简文件就显得十分重要。查看更多信息,请参阅WayneShea和TenniTheurer的文件"PerformanceResearch,Part5:iPhoneCacheability–MakingitStick"。

8、打包组件成复合文本

把页面内容打包成复合文本就如同带有多附件的Email,它能够使你在一个HTTP请求中取得多个组件(切记:HTTP请求是很奢侈的)。当你使用这条规则时,首先要确定用户

代理是否支持(iPhone就不支持)。注:相关网站建设技巧阅读请移步到建站教程频道。

上篇文章《网站被百度降权后的种种迹象》我跟大家分享了自己对网站降权现象的认识,今天我们一起来谈谈网站被降权之后如何利用这个契机来改善网站,让它超越降权之前的排名。 我们能觉察到的降权无非是快照、收录量

很怀念刚入行的那段时间,对SEO完全是陌生的,现在记得应聘的时候主管问的几个问题: 搜索引擎是什么? 什么是外链? 你知道一个域名多少钱吗? 我唯一能回答的是,搜索引擎是百度!呵呵,现在想起来是多么可爱的我

  从SEO的角度来看,网站结构优化是不可忽略的一个重要环节,其效果与网站收录和权重息息相关。在这个内容为王外链为皇的时代,网站结构优化似乎成为了可有可无的工作

如果几年前大家说到网站交换友情链接最大的参考标准是什么,相信做SEO的朋友们都会毫不犹豫的说是谷歌PR值。而在谷歌退出中国**市场,国内搜索引擎百度一家独大的时代,作为一个SEO工作者,如果交换链接还是以PR值为

seo培训

SEO培训由全国知名门户网站顶级SEO技术专客组成,针对需要学习SEO学员提供实战SEO培训,大型网站案例SEO培训课程讲解,上海seo培训全部纯干货分享,学习网站自然排名就来收益,SEO学员努力成长有朝一日成为SEO行业的领军企业,排名不是问题,长期专注百度排名优化研究,我们的技术专家人员担任过集团seo总监职务,

seo培训:站长学院
第一节:百度搜索引擎工作原理
第二节:建设对搜索引擎友好的站点
第三节:如何进行网站内容建设
第四节:整体优化、结构优化、网页优化
第五节:移动搜索-明确移动搜索优化标准
培训有效文档
风云新闻
最近发表
上海豫优网络科技有限公司 版权所有2009-2016 豫优网络培训学校 网址:http://www.cmmyh.com/ 网站备案:沪ICP备13018782号  关键词:2016年春节是几月几号