当前位置: 虚雨网络公司 > 基础教程 > 阅读正文

站内优化之页面优化

站内优化之页面优化

  下面北京网站建设为大家讲解自己对页面优化的一些个人见解。

  1、页面静态化

  当然,页面静态化并非必须去做,而且静态化不一定要全站,可以只静态最为重要的首页。对不同程序的处理,页面的执行时间各不相同;对于网上成熟的cms系统,执行效率自不必说,相信是比较优化的一个程度了。本人程序猿一枚,所以网站自己编写的,执行速度确实会相对差那么一些,而且网站的首页图片比较多,使用站长工具查询,结果响应时间都是3秒以上;最终,把首页生成html静态化,相应时间快至几十到几百毫秒。

  2、减少页面重定向

  当然,截图中是加统计代码时引发的,这无可避免,但自身代码而言,建议尽量减少重定向,这样就减少了请求次数从而较少页面响应时间。

  3、Javascript文件的处理

  1)Js文件尽可能合并成一个文件,减少请求次数;比如,网站中有使用到多个Js函数,那么,将这些函数统一放到一个Js函数文件里;

  2)Js位置

  Js放在页面最后,可以加快页面打开速度。

  3)不常改动的Js文件可以压缩代码,这样缩小了Js文件大小从而大大减小了请求时间。

  4、Css文件的处理

  1)跟Js文件一样,Css文件尽可能合并成一个文件,减少请求次数;

  2)CSS位置

  CSS说明出现在后,页面需要重新渲染,打开速度受到影响。

  3)使用Css Sprite

  CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

  利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

  5、启用Gzip

  Gzip压缩效率非常高,通常可以达到70%的压缩率,也就是说,如果你的网页有30K,压缩之后就变成了9K左右。

  6、字符集声明

  如果<head>部分未定义字符集,将增加页面渲染次数,速度减慢。

------分隔线----------------------------
相关文章

推荐文章