1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

用户体验提升另一种方法 前端优化(一)

本帖由 shi1988pin2011-08-19 发布。版面名称:前端开发

  1. shi1988pin

    shi1988pin New Member

    注册:
    2011-07-22
    帖子:
    913
    赞:
    0
    看了很的人写的文章,其都有一个共同出发点,哪就是用户体验,哪么何为用户体验呢。用好理解的方法来说就是,当用户进入一个网站,页面通过眼睛反馈到大脑后,用户的第一感觉。很多人提升用户体验基本上只说到了其网站的布局,以及色彩的搭配后内容的丰富。这类方法的确是提升用户体验度的用力方法,尤其是内容这一个层次。一篇好的文章加入一些图片其可读性是有目共睹的。

      今天在A5搜索框中看了下关于前端优化的文章比较少,所以笔者特意把前端优化的一些经验拿出来于大家分享一下。要弄明白前端优化,我们就要先了解其最终的目的,因为每做一件事我们都是有目的存在的。没有目的的做任何事,都是毫无意义的。

      一:为什么要前端优化:

      1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。因为一个速度快的网站减少了用户等待时间;可见这也是一种提升用户体验不可缺少的方法。

      2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。从这一点出发,为的是减少资源的浪费,毕竟我们常说道:浪费可耻。

      二,如何进行前端优化:

      前端优化的方法很大。但大致基本分为两类,一是内容页面代码级的优化,二是WEB服务端的优化。今天就先来说说内容页面优化级的优化

      1,减少HTTP的请求数:

      2,资源合并且进行压缩处理

      3,. CSS Sprites 合并CSS图片,减少请求数的又一个好办法。

      4,. Inline Images 使用data: URL scheme的方式将图片嵌入到页面或CSS中,如果不考虑资源管理上的问题的话,不失为一个好办法。如果是嵌入页面的话换来的是增大了页面的体积,而且无法利用浏览器缓存。使用在CSS中的图片则更为理想一些。

      5,脚本底置等等

      前端优化前部分大致总结这么几点,还有很多其它方法。由于篇幅太大,后日必定被上WEB服务端的优化。具体的操作手法等网站改版后以截图的加文字的方式进行分享,以达到通熟以懂的目的。文章编辑于:www.zhaomeinvliao.com ,转载请自带出处。
     
  2. gotoqian

    gotoqian New Member

    注册:
    2011-08-14
    帖子:
    1,236
    赞:
    0
    呵呵,又学到一招哦。
     
  3. 好好的聊天室

    好好的聊天室 New Member

    注册:
    2011-08-19
    帖子:
    280
    赞:
    0
    用户体验提升另一种方法
     
  4. kwk205lra

    kwk205lra New Member

    注册:
    2011-08-19
    帖子:
    595
    赞:
    0
    顶起,很不错,学习啦。
     
  5. gotoqian

    gotoqian New Member

    注册:
    2011-08-14
    帖子:
    1,236
    赞:
    0
    路过是为了学习,学习是为了进步
     
  6. 噩舞士

    噩舞士 New Member

    注册:
    2011-08-12
    帖子:
    17
    赞:
    0
    回复一下,表示已关注,呵呵