主页 > 谷歌SEO > JS和CSS、Flash动画等网站基础代码优化减肥

JS和CSS、Flash动画等网站基础代码优化减肥

前面我们学会了图片优化的减肥方法,接着要给源代码减肥。为了加快网站打开速度,提高用户体验,最好是把每个细节都做好,如果每个细节都超过竞争对手,那么所有的细节加起来就是很大的优势了。

 

JS减肥

 

随着HTML 5和CSS 3的到来,很多“酷炫”的网页效果,使用CSS就可以完美实现了。在 https://daneden.github.io/animate.css/  这个网站可以看到使用CSS可以轻松地实现几十种动画效果,如图所示,这些效果运用在大多数的网负特效上已经绰绰有余于。
 

JS减肥

 

这些原本需要编写大量的JS代码才能实现的功能,现在只需要CSS几行代码就能实现了。因此,使用CSS替代JS代码是一个很好的减肥方式。除此之外,编写好的JS文件,可以用“Javascript在线解压缩”工具进行压缩(工具网址:)使用该工具的“净化”功能,可以轻松地把JS代码中的注释、空格、换行等多余代码都清理掉,达到压缩的功能。
 

JS减肥工具

 

CSS减肥

 

编写完成的CSS的代码可以使用“CSS在线解压缩”工具进行压缩(工具网址:)使用工具的“净化”功能,可以轻松把CSS代码进行压缩。如图:
 

CSS减肥工具

 

Flash的问题

 

Flash可以实现很多“酷炫”的效果,但是搜索引擎目前对于Flash内容的识别是有限的,有些整个网站使用Flash来搭建,也许单单看Flash内容是很丰富,但是当使用搜索引擎模拟工具(地址: )抓取网站内容时,发现根本抓取不到里面的任何内容。

 

而且,Flash的体积很大,加载速度慢:因此,从SEO的角度来看,现在Flash的适用场所越来越少,搜索引擎现在更推荐站长使用HTML5和CSS3来实现动画效果。现在Flash最常用的地方就是用于调用站外视频,可以把视频上传到优酷等视频网站,然后调用优酷的代码在网站上使用该视频。

 

现在还有很多企业站喜欢拿Flash做轮展图。其实,那已经是上个年代的轮展图形式了。现在使用CSS+JS就可以完美地实现各种绚丽的轮展图效果了。如果不熟悉代码,也可以直接使用SuperSlide来实现轮展图效果。SuperSlide有很多现成的轮展图效果供选择只需要把它的代码复制下来,然后替换图片,就可完成一个堪比Flash的轮展图了。

 

favicon.ico图标

 

favicon图标可以让网站在浏览器的收藏夹以及标签上显示相应的图标,用以帮助用户区别不同的网站。一般来说,拥有这个图标能显得网站更加正规,对用户也更加友好。虽然百度没有讲过提供这个图标对SEO有帮助。但是只要是对用户有利的操作,我们都应该想办法执行。百度的favicon.ico图标显示在浏览器中方便我们识别。
 

favicon.ico图标

 

因此,每个站长都应该为自己的网站制作一个favicon图标。网上也有很多favicon图标的制作工具。 如图:
 

favicon图标的制作工具


只要把生成好的favicon图标命名为favicon.ico,然后上传到网站的根目录就可以了。
 

原标题:JS和CSS、Flash动画等网站基础代码优化减肥


发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

56谷歌SEO优化致力于提供最专业的谷歌SEO优化,外贸SEO推广及外贸建站服务。通过Google优化提升网站搜索排名,打破谷歌推广高价门槛,让你能够以最低的成本做好谷歌优化,提高Google排名。

Copyright 2015—2018 网站地图|网站地图txt