JS、CSS代码对于seo的优化方法

2019-08-12 作者:MetInfo 16

网页打开速度是影响使用者体验的一个重要因素,要提升网页打开速度,除了可以选择更好的服务器之外,同时也可以对网站自身的代码进行优化,那么,JS、CSS代码对于seo的优化方法。

CMS

上图是MetInfo企业建站系统的代码,可看到css和js进过了严格的封装了,向我们企业网站,尤其是响应式网站,css和js代码是非常庞大的,为了让html代码显示简洁,便于SEO搜索引擎优化,网页制作时需要将其打包为单独的.css和.js文件,再通过代码引入加载。

JS、CSS代码对于seo的优化三种方法

①将不重要的JS放在页面最底部

这是最简单也是效果最好的优化方法。

将不重要的Js全部放到页面的最底部,实现非同步载入,也就是等网页都载入完了再载入这些不重要的JS,这样就不影响网页速度了。

②合并JS档

合并JS档的目的是减少HTTP请求,向伺服器请求越少,打开速度越快,而合并多个原本独立的JS档需要一些技巧。因为JS是可关联型的,可能前面的JS代码中声明的变数在后面的JS代码中也需要调用。如果顺序颠倒,JS调用未定义的变数就会出错。所以JS定要按顺序合并,从上到下,包括JS档以及JS代码

③压缩JS代码

建议使用在线JS压缩工具完成JS代码压缩。直接在百度“在线JS压缩工具”中搜索,可以找到各种可用的工具。应该注意的是,JS代码对搜索引擎优化有较大的影响,因为搜索引擎对JS的爬行有压力,并且会影响网站的开放速度。

在优化网站时尽量减少JS代码的数量和数量,我们可以使用调用的形式来实现JS的功能。另外,重要的链接不应该添加到JS中。



欢迎关注“米拓学院”公众号,我们将定期推送建站及推广相关知识!

CMS