从代码和图片及脚本角度优化网站

社区服务
高级搜索
猴岛论坛电脑百科从代码和图片及脚本角度优化网站
发帖 回复
正序阅读 最近浏览的帖子最近浏览的版块
2个回复

从代码和图片及脚本角度优化网站

楼层直达
冷尘

ZxID:2312963

等级: 上将
花非花。雾非雾。夜半来。天明去。
举报 只看楼主 使用道具 楼主   发表于: 2009-04-04 0
 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请求都大大减少。


 3. 安装“YSlow”

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

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

  4. 把JavaScript放在源代码底部

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

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

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

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


本帖de评分: 1 条评分 DB +5
DB+5

谢谢你的分享!请继续支 ..

  待  浮  花  浪  蕊  俱  尽, 伴  君  幽  独
8871366a

ZxID:6268242

等级: 新兵
举报 只看该作者 板凳   发表于: 2009-05-03 0
很好
happynight

ZxID:2495802

等级: 元老
潜水王(传说中的小斌)

举报 只看该作者 沙发   发表于: 2009-04-07 0
请继续支持本版块!
想当007么,点下图加入吧。
« 返回列表
发帖 回复