网站宣传口号图片
电话标志图片
0371-53778175
15333818157
当前位置:网站首页 >> 建站知识 >> 网站建设与域名空间知识 >>


郑州网站建设应用技巧中的“六个尽量”


【来源:郑州凯讯网站    发布人:郑州凯讯公司    发布日期:2014-08-13】

1、网站建设要尽量使用GBK或者GB2312编码:
网站制作的编码一般决定了网站的编码,那么网站建设一般使用什么编码呢?目前网站编码一般以UTF-8和GBK为主,UTF-8是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用24为(三个字节)来编码。UTF-8包含全世界所有国家需要用到的字符,是国际编码,通用性强。UTF-8编码的文字可以在各国支持UTF8字符集的浏览器上显示,无需下载浏览器的中文语言支持包。而GBK是在国家标准GB2312基础上扩容后兼容GB2312的标准的编码,是用双字节来表示的,即不论中、英文字符均使用双字节来表示,GBK包含全部中文字符,是国家编码,通用性比UTF8差,不过UTF-8占用的体积比GBK大。所以如果不是特殊网站,建议使用GBK编码建站,以便减少网站体积,缩短网站加载时间。

2、网站建设尽量压缩HTML、CSS、JavaScript等:
网站建设应该以用户体验为中心,为了网页加载的更快,为了用户访问更顺畅,为了搜索引擎更喜欢,我们完全有必要对HTML、CSS、JavaScript等进行压缩,把所有的HTML、CSS、JavaScript在运行前都压缩成一行,清除注释标记、换行符、空格、制表符等。这样的做法带来的一个直接的好处是减小了页面体积,提高了用户端加载网页的速度。如果有必要,也可以在服务器端开启gzip压缩,这样就能更大幅度地缩短代码加载时间。

3、网站建设尽量使用DIV+CSS布局:
目前主流的网站建设布局大多以DIV+CSS为主,DIV+CSS区别于传统的表格框定的形式,采用以"区块"为结构的定位形式,用最简洁的代码实现精准的定位,这样就提高了搜索引擎蜘蛛的爬行效率,对收录质量有一定好处。同时,由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小,相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候逐层加载,相对于表格嵌套那样将整个页面圈在一个大表格里的方式,页面加载速度更快。

4、网站制作尽量用小图片:
网页打开之所以很慢,很多原因是网页上图片过多过大造成的。图片多就会使浏览网站时需要下载的文件体积就增大。同时,每一个图片下载都会对服务器有一个http请求,增大了浏览器与服务端的交互次数。如果能把纯色的部分或纯色的背景用css来写,而不因为省事直接切图,不仅能减少网站加载的体积,而且也减少了对服务器请求的次数,就会有助于提高网站的打开速度。总体上,网站建设要把握一个原则,能用css写的,坚决不要用图片。但是网站建设的某些效果实在是离不开图片,这种情况下,笔者认为如果遇到有渐变色的背景或有规律的背景,我们可以沿着与渐变色相同方向切一个像素的条纹或切取相同的部分,用css中background的repeat-x或repeat-y来自动填充。

5、网站建设尽量压缩图片体积:
在切割效果图的过程中,对于图片的保存格式也有讲究,一般来说,用图像工具(如photoshop)制作的色彩绚丽的按钮或图标一般都存成png格式,而用相机拍摄的风景或人物、物体图像多用jpg格式保存,gif一般用来存储含有简单动画效果的图像,另外需要注意一点的是,如果图片中使用了透明效果,要存储成png-8的格式,png的其他格式要么不支持透明,要么保存时文件要大很多,png-8是”性价比”最高的。对于用作背景或衬托效果的颜色较多的图片,保存图片时尽可能从清晰度和图片大小中找到一个平衡,既保证图片尽可能小又不失真,尽量不要不压缩图片直接放上去,然后靠width和height来进行限制,这样做很不专业。

6、网站建设使用CSS Sprites技术:
网站建设中的图片加上ALT能对网站优化起到很好的效果,但是网站的背景对网站优化就没有用处了,而且网站背景图片往往数量比较多。这样一来,访问网站的时候对服务器的请求数就会增加,网站打开速度自然变慢。CSS Sprites技术正好能帮我们解决这一问题,它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。客户端每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也就越大。我们我们将大部分背景图片放大一张图片上,然后用css来定位背景,那么就大大减少了背景图片加载的总时间。

本站优惠活动图片



业务联系方式图片


本页页脚banner图片

咨询热线:0371-53778175,15333818157    业务QQ:业务联系QQ图标1765879842   业务联系QQ图标2632505191   业务联系QQ图标2236519391

版权所有:郑州凯讯通信科技有限公司    备案号:豫ICP备11027744号-2