唯诚网络工作室
石家庄网站建设专家
营销学堂 / MARKETING
唯诚-网络营销学堂
唯诚网络注重每个网站的设计和营销能力,我们拥有多年的搜索引擎营销的经验,并对网站优化有深入的理解。
当前位置:首页 > 营销学堂 > 建站知识

从网页设计优化谈提高网站打开速度

编辑:唯诚网络浏览次数:2443发布时间:2014-03-17 22:12:14
【内容提要】在目前网站用户体验度极为重要的时代,抓住一切提高网站打开速度的方法应用到网站开发中。今天就来数一下关于网站打开慢从网页设计的角度出发解决问题。

网站的打开速度关乎到很多,比如网站优化的问题,如果网站速度打开的比较慢就会影响搜索引擎的关注,他会认为的你网站有问题,时间久了就不会进行爬行,还有如果网站打开速度慢可能就会影响到用户体验度的问题,在目前网站用户体验度极为重要的时代,抓住一切提高网站打开速度的方法应用到网站开发中。今天就来数一下关于网站打开慢从网页设计的角度出发解决问题。

网页设计优化

网站速度打开慢的仅仅是程序的问题,还有和网站页面的相关结构有关系的,所以从网站设计的角度去考虑网站的打开速度也是一个方法,当你的网站打开速度很慢的时候不要一味的去进行程序优化,还要考虑到网站的页面问题,今天就从几个方面来说下怎么在网页设计方面怎么提高网站打开速度!

关于图片的问题,不要认为图片优化就是把图片的像素减小就可以了,因为一味的减少像素可能会影响到设计的效果,在质量和文件大小之间必须找到一个合适的均衡点还要考虑到很多的问题,比如我们都知道一个图片的格式可以分为jpg、png、gif这三种,但是在什么时候运用什么格式,从而减少网站的加载时间。这里总结一下:

  • 大小比较:通常地,PNG ≈ JPG > GIF
  • 透明性:PNG > GIF > JPG
  • 色彩丰富程度:JPG > PNG >GIF
  • 兼容程度:GIF ≈ JPG > PNG

注意,IE6下PNG的透明是不能显示的,有其对应的Hack方法。

对于一个网站来说,按照保证色彩显示良好同时文件最小的原则,我的总结是这样的:网站的LOGO,如果色彩单调,选择PNG或者GIF,推荐前者。但是如果为了IE6的兼容,选择后者;如果你需要动图,选择GIF;网站上的元素背景图片(比如按钮背景、导航条背景),或者很精细的图片,还是那句话,如果色彩单调,选择PNG或者GIF,推荐前者。但是如果为了IE6的选择后者,但要考虑失真问题;少用JPG,否则会让这些东西很难看,除非你用风景图片作按钮背景;

网站内容里,你真实拍摄的图片,或者你下载的风景图片,保持JPG来获得更好的显示效果和体积;截图都应该用PNG。当然,如果你并不追求非常完美的显示效果,只是注重内容本身而容许图片上的小瑕疵,选择JPG也可。

图片的使用显示。需要显示图片时,尽量使用背景图片,而不是直接加载。也需要注意的是尽量不要用一个很小的图片当背景,这样做会加大客户端CPU处理时间。比如说预载入下一页的主要内容时。在用户看到大图之前先把小图展开,让用户不至于在等待的过程中太焦虑。图片在HTML代码里要标明大小。这样浏览器就能事先留好空。当你在网页上添加图片或表格时,你应该指定它们的高度和度,也就是参数。如果浏览器没有找到height和width这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度, 也影响浏览体验。

分享到
 唯诚网络是一家专业石家庄网站建设网站优化网络营销的互联网应用服务商,有着五年的互联网从业经验,是中小型企业网络营销的首选服务商。  网址 www.vcdiy.com  电话 18600945045
  • 互联网的发展至今可以说是迅猛发展的,网站建设是互联网发展的首要条件,不管是什么网站模板站还是电商网站,都是必须产品,今天就来看看我们要怎么做才能打造自己的互联网品牌吧!

  • 我们坚信每一个客户都是不同的,因此每一个客户需要量身打造。从您建网站的开始就要做出睿智的判断并全程贯穿入网站视觉营销思维。

首页 | 石家庄网站建设 | 企业网站建设 | 品牌网站建设 | 域名注册 | 虚拟空间 | 网站优化 | 经典案例 | 联系我们

Copyright©2010 www.Vcdiy.com All Rights Reserved. 粤ICP备11037862