- 还没升级成响应式网页设计? 01-01
- 助力清华同方新媒体—记8月31日锋云科技成功中标清华同方官网响应式网站升级项目! 01-01
- 为什么有的网站建设的“很烂” 却能排在首页? 01-01
- 企业网站建设如何突出网站价值 01-01
那么我们应该如何来优化网站的加载速度、从而提升网站的SEO效果呢? 我们可以这样想问题,当你的浏览器发起一个请求,到请求被响应,这中间经历了哪些环节,这其中的每一个环节都会影响到页面的加载速度的,无非也就是DNS、服务器所在的网络环境、服务器的硬件备置以及安装的系统软件、网站所用的程序、网站的前端页面,下边我们分开来浅述一下这几个环节
一、从网站前端方面进行优化
①页面层上的优化
代码优化可以提高网页的加载速度,缩减代码可以分为很多部分,比如减少见面上 不必要的元素,不要像网易新浪那样搞成大杂烩,在网站首页用最简单的方式来表达网 站主题即可,同时尽量采用CSS来排版,减少不必要的表格代码
②尽量用图片代替flash,这对SEO也有好处,并且减少图片的体积
③图像格式的选择:一般在网页上使用的图片格式有三种,jpg、png、gif。三种格式的 具体技术指标不是咱们探讨的内容,我们只需要知道在什么时候应该使用什么格式,以 减少网页的加载时间
JPG :一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上
GIF :提供的颜色较少,可用在一些对颜色要求不高的地方,比如网站logo、按钮、 表情等等。当然,gif的一个重要的应用是动画图片。
PNG :PNG格式能提供透明背景,是一种专为网页展示而发明的图片格式。一般用于 需要背景透明显示或对图像质量要求较高的网页上。
④减少http(页面)请求
当浏览者打开某个网页,浏览器会发出很多请求(图像、脚本等等),由于网络延时, 每个对象加载都会有所延迟。如果网页上对象很多,这需要花费大量的时间。因此,要 为http请求减负。如何减负?
去除一些不必要的加载项;
将临近的背景图片合成一张;
从WEB运行原理上讲,IIS请求是无状态的,在服务器端一直是连接和关闭的不断进 行着,如果能减少服务器请求,总的时间将会减少。
之前下载163邮箱的登陆页面的图片时发现,它们只用了一张图片来完成整个页面的所 有图片,当时我就纳闷了,这跟平时做的网站不一样呀。然而这样做减少浏览器向服务 器的请求次数,用httpwatch你会发现请求的总时间大大减少了。同样的想法,在做css 样式,javascript代码的时候也要尽可能的放在一个文件下来减少http请求
⑤ css优化,css与页面尽量相别离,尽量采用外部调用
合并CSS文件,例如三个CSS文件,我们可以将其合成一个,从而减少http请求
⑥ js优化,采用底部位置加外部调用的方法优化。当前为止,百度查找引擎不解析js 生成的页面或内容,js代码冗长,执行效率远低于html ,招致网页打开会很慢。
把CSS样式放在头部,如果JS很多的话,把js代码放在尾部。这样做可以尽可能的先 加载页面的样式结构,然后再升级用户体验。如果JS很多很大的话,页面都没加载完, 何来用户体验之说呢
结构、样式、行为相分离的好处:
当第一次访问页面的时候,用户就可以把CSS、JS代码下载下来,这样做虽然第一次 使网页加载的速度变慢了,但后面的页面将快很多。当用户访问这个网站的其它的页面 时,由于其它页面也引用了这个CSS样式和JS代码。浏览器发现它已经下载好了,下 一次就可以不用下载了。这样就做到了一次下载,后续速度的效果
⑦经常见的渣滓代码,空白区域(空格,制表符,换行符等)都可以平安删除
⑧广告代码加载放到最后
网站的前端页面对网站的加载速度影响很大,大家如果看了《高性能的网站建设》就会 明白这一些,这本书推荐大家去看看,前端优化方面的很好的一本书,前端优化是一个 系统的工程,例如启用gzip、启用keep-alive,启用浏览器缓存、压缩JS以及CSS文 件,压缩图片,为图片加上高度以及宽度属性,CSS Sprites技术等,都可以加快页面 的打开速度,从而增加网站的收录