江西SEO优化—提供SEO顾问服务、网站SEO优化诊断方案(合作微信/QQ:707468216)

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

时间:2017-11-21 15:41 来源:未知 作者:江西SEO曾庆平

JS、CSS减肥
 
前面我们学会了图片优化的减肥方法,接着要给源代码减肥。为了加快网站打开速度,提高用户体验,最好是把每个细节都做好,如果每个细节都超过竞争对手,那么所有的细节加起来就是很大的优势了。
 
JS减肥
 
随着HTML 5和CSS 3的到来,很多“酷炫”的网页效果,使用CSS就可以完美实现了。在 https://daneden.github.io/animate.css/  这个网站可以看到使用CSS可以轻松地实现几十种动画效果,如图所示,这些效果运用在大多数的网负特效上已经绰绰有余于。
 
JS减肥
 
这些原本需要编写大量的JS代码才能实现的功能,现在只需要CSS几行代码就能实现了。因此,使用CSS替代JS代码是一个很好的减肥方式。除此之外,编写好的JS文件,可以用“Javascript在线解压缩”工具进行压缩(工具网址:http://tool.lu/JS/)使用该工具的“净化”功能,可以轻松地把JS代码中的注释、空格、换行等多余代码都清理掉,达到压缩的功能。
 
JS减肥工具
 
CSS减肥
 
编写完成的CSS的代码可以使用“CSS在线解压缩”工具进行压缩(工具网址:http://tool.lu/css/)使用工具的“净化”功能,可以轻松把CSS代码进行压缩。如图:
 
CSS减肥工具
 
Flash的问题
 
Flash可以实现很多“酷炫”的效果,但是搜索引擎目前对于Flash内容的识别是有限的,有些整个网站使用Flash来搭建,也许单单看Flash内容是很丰富,但是当使用搜索引擎模拟工具(地址:http://s.tool.chinaz.com/tools/pagecode.aspx )抓取网站内容时,发现根本抓取不到里面的任何内容。
 
而且,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,然后上传到网站的根目录就可以了。
 

声明:本文原创归江西SEOSEO所有,转载请注明原文网址: http://www.qingpingseo.com/jiaocheng/619.html

围观: 1000次 | 责任编辑:江西SEO曾庆平

回到顶部