 |
建站常识 |
 |
|
|
|
 |
您的需求我们量身订做 |
 |
|
|
|
|
|
|
|
如何提高网站打开的速度? |
日期:2016/4/12 浏览次数:5862 |
|
|
一、优化图片 1、减少图片数:去除不必要的图片。 2、降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,把图片降到原图的70%几乎看不到任何差别,你会发现体积可以减少一半。 3、合并相邻小图片:如果有3-4个相邻的小图片,我们不妨将它们合并到一张图片里面,这样可以减少服务器请求次数,加快网站打开速度,前提是总大小要控制在一定的范围内。 二、选择适当的图片格式 一般在网页上使用的图片格式有三种,jpg、png、gif,下面说一下它们之间的区别。 1、JPG:最常用的图片格式,一般用于展示风景、人物、艺术照的摄影作品。 2、GIF:我们看到网站上面会动的图片一般都是这种格式,优点是体积小比静态图片更能吸引人们的眼球,缺点是提供的颜色较少,可用在一些对颜色要求不高的地方,比如网站logo、按钮等。 3、PNG:一般用于需要背景透明显的网页上,是一种专为网页展示而发明的图片格式。 三、优化CSS 有时我们在写CSS的时候会使用了一些比较罗嗦的语句,比如这句: margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; 我们可以将它简化为: margin: 10px 20px 10px 20px; background-image:url(/images/bg.gif); background-repeat:no-repeat; background-position:center; 我们可以将它简化为:background:url(/images/bg.gif) no-repeat center; 又或者这句即简化了CSS有简化了网站代码:
个人做网站有什么好处? 深圳做网站哪里价格最低? 深圳个人做网站可靠吗? 个人建网站售后有保证吗?
可以用div来包含: 个人做网站有什么好处? 深圳做网站哪里价格最低? 深圳个人做网站可靠吗? 个人建网站售后有保证吗? 简化CSS能去除冗余的属性,提高运行效率。
四、URL优化 有些网址,比如"http://www.wysjzx.com/wangzhanjianshe",当服务器收到这样一个地址请求的时候,它需要花费时间去确定这个地址的文件类型。如果wangzhanjianshe是一个目录,不妨在网址后多加一个斜杠,让其变成http://www.wysjzx.com/wangzhanjianshe /,这样服务器就能自动访问该目录下的index或default文件,从而节省了加载时间。 五、图片大小声明 这点很重要,但很多人由于懒惰或其它原因,总是将其忽视,当你在网页上添加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。 下面是一个比较友好的图片代码:
当浏览器知道了高度和宽度参数后,即使图片暂时无法加载,页面上也会留出图片的空位,然后继续加载后面的内容,这样既不保持页面的美观,同时又加快了网页加载速度,一举两得。 六、减少http请求 当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等),每个对象加载都会有所延迟,如果网页上对象很多,这可以需要花费大量的时间,因此,我们要做的就是尽可能减少http请求次数。 1、合并域名:建议将只有1个资源的域名合并到其他域名下。 2、合并CSS:合并相同域名下的css,可以减少网络连接次数。 3、合并JS:合并相同域名下的css,可以减少网络连接次数。 4、使用Css Sprite:使用css sprite技术可以减少请求次数。 七、其它小技巧 1、启用Gzip:启用服务器Gzip,可以减少传输字节。 2、JS位置:JS放在页面最后,可以加快页面打开速度。 3、去除错误连接:无法打开的连接,会导致页面打开缓慢,请及时修正或删除。 4、Flash文字信息检测:尽量用图片代替FLASH,这对网站优化也有好处。 6、缓存静态资源:有些内容可以静态化就将其静态化,以减少服务器的负担。
湛蓝设计拥有高端网页设计师资源,为您提供深圳最专业的网页设计服务,我们不仅在您看得到的地方做视觉优化体验,在您看不到的地方我们的服务丝毫不打折扣,以上内容是根据设计师多年经验整理提供,希望对深圳做网站的同行或者客户有所帮助。 |
|
|