摘要:
YSLOW编辑目 录1概述2Yslow-23条规则1概述什么是YSlow?YSlow[1]是Yahoo发布的一款基于FireFox的插件。如何安装YSlow?安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对其安装。YSlow有什么用?YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。YSLOW[2]2Yslow-23条规则[3]1. 减少HTTP请求次数合并图片、CSS、JS,改进首次访问用户等待时间。2. 使用CDN 阅读全文
摘要:
HTML技巧: 语义化你的代码Posted by Mr.Think on 12/30/2010分类于@CSS+HTML最近在读阿当的《Web前端开发修炼之道》, 其中有不少东西值得前端路上的朋友学习. 结合自己日常编码的一些经验, 我将陆陆续续将一些从书中学到的以及自己总结的一些前端方面的技巧分享给大家.HTML语义化, 似乎是一个老生常谈的问题. Google一下,也有大把关于语义化的文章. 为什么要语义化标签? 我是这样认为的:HTML的每个标签都有它特定的意义,而语义化,就是让我们在适当的位置用适当的标签, 以更好的让人和机器(机器可理解为浏览器可理解为搜索引擎)都一目了然.如果我的解. 阅读全文
摘要:
css sprite编辑目 录1CSS Sprites简介2CSS Sprites原理3CSS Sprites优缺点4CSS Sprites的使用5CSS Sprite的例子6CSS Sprites的问题1CSS Sprites简介CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。加速的关键,不是降低质量,而是减少个数。传统切图. 阅读全文