新速网站建设之网页如何提高加载速度，提高用户体验
发布时间:2014年07月20日 09:40 | 发布者：新速科技 | 浏览次数：1260次现在的网络带宽在逐步提高，但是随着网页上的对象也越来越多，如何加快网页打开速度仍然困扰着网页策划者。其实加快网页的打开速度，有三个路径，
一是提高网络带宽的速度，二是用户在本机做优化，三是网站设计者对网页做一定的网站优化。这篇文章中我们站在网站设计者的角度，分享一些优化网页加载速度的小技巧。
二、网页中图像格式的选择
1、JPG格式：一般用于展示风景、人物、艺术照的摄影作品，有时也用在电脑截屏上。
2、GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo、按钮、表情等等。当然，gif 格式的一个重要的应用是动画图片。
3、PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。
一、优化图片
图片几乎是每个网页中必不可少的。如果你经历过56K猫的年代，你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会花费大量的时间。
就算到现在，网络带宽速度有了很大的提高，56K猫逐渐被淘汰，优化图片以加快网页速度还是很有必要的。
减少图片数、降低图像质量、使用恰当的格式。
1、减少图片数：去除网站页面中不必要的图片。
2、降低图像质量：如果不是很必要，尝试降低图像的质量，尤其是jpg格式，降低5%的质量看起来变化不是很大，但文件大小的变化是比较大的。
3、使用恰当的格式：请参阅下一点。
因此，在上传图片之前，你需要对图片进行编辑，如果你觉得photoshop太麻烦，可以试试一些在线图片编辑工具。不想编辑而又想图片有特殊的效果？可以试试用过调用javascript来实现图片特效。
一、网站代码优化
代码优化能够提高网页的下载速度、降低服务器使用的资源、提高网络带宽利用率。
目前有三种方式进行：清理垃圾代码;Css优化;JS优化。
① 常见的垃圾代码，空格。去除，空白区域(空格，制表符，换行符等)都可以安全删除。
② css优化,CSS与页面尽量相分离，尽量采用外部调用。
③ js优化,采用底部位置加外部调用的方式优化。
目前为止,百度搜索引擎不解析JS生成的页面或内容,JS代码冗长,执行效率远低于HTML,导致网页打开会很慢.
二、网页GZIP压缩
对GZIP不了解的朋友，赶紧百科了解一下，这可是个不费力又讨好的好东西。往往文字内容居多的网站，网页采用GZIP压缩技术，网页的压缩率平均可达到75%以上，打一个通俗的比方，好比1G的文件被压缩成200M了，你说网页加载速度能不提升吗!
那怎样使用GZIP对网页进行压缩呢?对此有兴趣的朋友，可以去看看关于网页GZIP压缩的技术文档《使用mod_gzip 和 mod_deflate对网页内容进行压缩》。
怎样检测自己的网站是否启用了GZIP压缩呢?百度一下GZIP压缩检测工具，输入自己的网址，既可检测。
三、网站图片优化
在启用了，网站代码优化，网页GZIP压缩优化，之后，网页加载速度会有明显提升。这时，我们可以对网站图片优化，压缩图片大小，为大家推荐一款非常实用的好工具，压缩效果是可以在保证图片质量之后，再进一步压缩大小，那就是“image optimizer”。不仅可以压缩单幅的图片，也可选择批量压缩。
小结：以上三种提升网页加载速度的方法，是切实可行的。当我们受限于主机，受限于虚拟空间，等硬性制约的时候，优化好这些细节同样可以让我们获益多多。