公司使命:打造嘉兴技术实力最强的网络公司
服务项目:嘉兴网站建设 嘉兴网站制作 嘉兴网站优化
新闻中心

页面图片加载速度之优化与seo的关系

发布时间:2010/1/10 11:49:41   文章来源:jiaxingweb   浏览:[  ]   评论:[  ]
 
 
    由于各人对个性的追求,很多博主都喜欢用图片来美化自己的页面,但你知道不好好优化图片,会令页面打开的速度慢很多吗?今天我们谈谈怎么去优化图片。
 
    1、控制jpg图片的质量
 
    由于质量高的jpg格式图片比较清晰,色彩更鲜艳,不少人就用这种图片来美化header,其实这对速度的影响是很大的。因为打开一个页面首先加载的就是header,header加载时间太长的话,很容易使第一次来的访客反感。还有一种情况是页面上的小图标,有些站长过于追求美观,于是页面上的小图标也用高质量的图片来做,这是很没必要的,怎么处理这种问题呢?请看下节。
 
    2、尽量使用gif格式
 
    刚才说到用高质量的jpg图片来做小图标,我个人很不建议这样做,jpg格式在在展示色彩丰富的大图片是效果很好,但做网页图标的话,gif才是最好的格式。因为在展示像素级的细节是,gif的效果比jpg好了不知多少倍。你可以尝试一下,截取一幅含有12px或14px文字的图,分别保存为256色的gif和质量为80的jpg,对比一下文字的显示效果,gif肯定俾jpg清晰很多,而体积却小了不少。所以,在制作小图标或带有小字体的图片时,优先使用gif格式。这里还有说到一个颜色数的问题,gif格式能显示的颜色数量最多为256色,其实对不包含大量色彩渐变的图片来说,已经是非常足够了,因此,在制作颜色比较少的gif时,尝试一下降低颜色数,只要效果能过得去就行了。(总之,网站上用来装饰的图片,我们最好能用gif格式,如果是和内容相关的图片,也就是图文并茂的文章,图片格式虽然是没有规定的,但是个人还是认为用jpg的格式比较好,因为它是图片最流行的格式,而起大家都认为gif是用来做图标的,而jpg是用来做图片的。)
 
    3、如何插入装饰性图片
 
    这里要讲的不是简单的用img标签插入图像,用这种方法插入页面小图标等装饰性图片弊端是非常大的。首先,用img标签插入的图片不能通过简单的方法实现变换效果,在这里,美化效果要打个折扣。其次,用img插入的图片,如果图片不在浏览器缓存里,而且不重复出现的话,会大大增加http请求数。因为img标签理论上是出现一次载入一次的。其三,用img标签不利于调整图片位置,如果一个图片,需要在header靠右和footer靠左这两个位置出现两次,你就需要为它写两次css。其四,用img标签插入图片不利于整合,整合图片可以大大减少http请求数,到底整合图片有什么技巧呢?看下节。(在这里和大家说一下,通过一张大的图片,通过background-position来调整图片的位置,现在成为大网站的主流,但是他们现在都是用png格式的图片,大家可以观察一下,淘宝、Sian、tom等网站)
 
    4、页面背景图片的处理方法
 
    很多人喜欢用图片做页面元素的hover变换效果,但是却没有把相关的图片整合,导致一些变换效果有事会因为图片载入失败而失色。我们可以把针对某个效果的图片都整合成一个文件,在css里用background-position属性调整图片位置。这种做法的好处是背景只需要一次http请求,图片可以重复调用,也有利于图片变换。看到这里,你知道装饰性图片应该怎么插入了吗?对,用css。(个人不赞成这种做法,最重要的是要看你图片是用来干吗的,如果是只是作为好看,或者说是没有意义的图片,我们可以通过背景的形式加载到页面,但是有一些图片是有意思的,和文章内容是相关的图片,个人建议还是用img的形式,在加入art标签,增加个关键词,还是比加载的速度重要性要大很多,而起在Google图片和百度图片的搜索中,肯定是搜索img的图片,不会搜索背景图片的,这样的话,我们又少了通过图片搜索到达网站的流量!)
 
    5、插图尽量使用外链
 
    由于服务器性能的限制,一般非独立主机都会限制单ip的http请求数,如果一个页面里http请求太多的话,页面往往要等很久才能完全载入。特别是图片,如果太长时间不能加载的话,浏览器就会断开与服务器的链接,这是就需要在点击一下显示图片才能显示出来。因此我强烈建议各位空间有限、流量有限的站长们,尽量用外链图片来做文章插图。比较好的支持外链的相册有picasa、flickr和国内的yupoo等。这样做不但能减轻服务器压力,节约流量,更重要的是,我不相信大部分站长用的服务器比那些专业的在线相册快。(如果你的图片是你原创的,而不是转载的,个人建议还是放在自己的空间中,通过自己的域名来访问图片,我想搜索引擎不会这么笨,看到你网站的图片都是外调的,肯定会认为我们的内容是转载的,而且图片搜索中也是不会搜索到我们自己的网站,因为图片根本不在我们自己网站!)
评论
发表评论
评论内容:
昵称:
邮箱:
嘉兴网络公司 嘉兴网站建设 嘉兴网站制作 嘉兴建网站 嘉兴做网站 嘉兴网页制作 PE给水管 HDPE中空壁缠绕管 ABS管生产厂家
服务热线: 0573-82102225 15858312461 QQ: 56373131 E-mail: sales@jiaxingweb.com 地址: 嘉兴市南湖区富润路101号320室 浙ICP备09050985号
嘉兴网站建设-嘉兴网站制作-嘉兴网站优化-龙媒网络@嘉兴网络公司 www.jiaxingweb.com