网站首页  注册会员  本站免费电影 留言板  繁體中文

 

您现在的位置: 陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文
 

   
专 题 栏 目
相 关 文 章

微软恶意代码剥离工具保
史上最全的黄钻小窝皮肤
玩转QQ空间代码 黄钻小窝
QQ空间个性代码新手入门
腾讯Q-ZONE 完美设计代码
挂QQ的网页源代码[ASP/P
最新免费QQ空间花匠代码
最新QQ空间免费花匠代码
最新QQ空间5.0免费挂件代
最新代码:小窝模式+半边

 
从代码和图片以及脚本角度优化网站           
从代码和图片以及脚本角度优化网站
作者:陈鹏 文章来源:eNet 点击数: 更新时间:2009-9-12 8:47:52
 




 

1. 合并图片(CSS sprites)

  把网站所要用到的图片整理成“一张图”。这样做,可以降低总体图片文件大小和HTTP的请求数。从而达到加快网页载下速度通过CSS来使用背景图片

  #services ol li{
  background:url(images/homeicons.gif) no-repeat;
  }
  #services ol li.design{
  background-position:0px -460px;
  }

  正如你所看到的l图片大小和HTTP请求都大大减少。

  



  2. 使用CDN

  CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络”边缘”,使用户可以就近取得所需的内容,解决Internet网络拥挤的状况,提高用户访问速度

  3. 安装“YSlow”

  YSlow是一个非常有用的工具,用于Firefox的优化。 YSlow能为任何网页做报告,并审查信息的数量,HTTP请求, CDNs使用, CSS和JS compression会给您一个评分,并告诉你如何改善此网页,以便加载更快。

  首先必须 安装 Firebug. YSlow 需要通过Firebug来加载.

  然后安装YSlow.

  点些观看 如何使用YSlow

  
css


  4. 把JavaScript放在源代码底部

  把所有脚本放在源代码的底部

  5. 将图片保存为最优化网页格式

  你可以改变图像质量,减少文件的大小相当。选择最适合的文件格式

  在photoShop里 文件 -> 存储为web和设备所用格式

  
css

文章录入:陈鹏    责任编辑:陈鹏 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     
     

    Copyright © 2007 - 2009 chenpeng123.com All Rights Reserved
    本站所有文章,软件等均来自网络收集,不代表本站观点,仅供学习和研究使用。如有侵犯您的版权,请联系我们,本站将立即删除。
    鲁ICP备07014697号
    你是本站第 位访客