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

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

关于图片的问题,不要认为图片优化就是把图片的画素减小就可以了,因为一味的减少画素可能会影响到设计的效果,在质量和档案大小之间必须找到一个合适的均衡点还要考虑到很多的问题,比如我们都知道一个图片的格式可以分为 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 这两个引数, 它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度, 也影响浏览体验。