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

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

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

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