黑帽seo案例：利用CSS sprite为网站加速（效果极佳）

SEO管理员

黑帽seo案例讲很多小图片保存为一张完整的图片,如果为了极速体验..除了首页.可以将分类页和终端页的所有修饰图片集中到一张.

减少图片的引用就减少DNS查询,也减少下载.总之益处多多.

这样一来,除了首页可能会应用到一些大LOGO或AD图片做展示..其他页面都被一张图搞定了.

然后做一个无限期高速缓存..

同理为CSS做缓存…

黑帽seo案例

如果在压缩下HTML代码…整体网站会快很多..50%不是梦…

之前看过一些有关于 页面下载速度对收录的影响的文章<SEO优化网页体积及影响概述>….至关重要…

对于用户来说也是非常有意义的.因为这意味着 只要用户看到一个页面,就加载了所有图片.而后的所有页面都会快速载入

但是对于 有些人 喜欢用一个LOGO放在页面最上方 然后 给一个 H1 加一个链接返回首页…可能就有点冲突了..不过仅仅是一两张图片不会拖太多后腿…

前端代码

01..nav_1,.nav_2,.nav_3{background:url(../images/new_nav_bg.gif) repeat-x 0 0;}

02..nav_1{background-position:1px -2px;}

03.nav_2{background-position:3px 6px;}

04.nav_3{background-position:7px 8px;}

黑帽seo案例

黑帽SEO案例复制代码通过css背景定位可以有效的减少图片的数量，也就是说把许多模板用到的图片集中到一张图片上来

01..nav_1,.nav_2,.nav_3{background:url(../images/new_nav_bg.gif) repeat-x 0 0;}

复制代码这三个class就是掉用一张图片

黑帽seo案例

01..nav_1{background-position:1px -2px;}

02.nav_2{background-position:3px 6px;}

03.nav_3{background-position:7px 8px;}

黑帽seo案例复制代码分别定位各自属性的图片位置