很多人喜欢用js,大家都喜欢轻量级。那么当js文件没有加载起,页面就是一盘散沙,特糟糕,有些访客就会去那个页面的快照查看(对于该站点速度慢且需要页面的信息),当然大多数搜索引擎都会过滤掉js一些文件,那么问题来了,页面主要由js的在快照里怎么办。
  首先我们想想,是让访客去看快照还是原页面。答案都是选原页面。为了不影响收录。我们就让快照里的呈现旧老式。这样快照和原页面有区别,就会让原页面为主要快照为次要的感觉。那么怎么实现,让css实现:

首先在浏览器能够第一个复查的css里引入

.no-js {
    -webkit-filter: grayscale(100%);
}

然后在页面html的html或者body引入class

<html class="no-js">
或者<body class="no-js">

最后就是js的作用了,尽量引入head里

<script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script>

上面的代码最好都加了head里,加载时间差会影响效果啊。

上述的原理是,若js可以应用时把属性值no-js更为js,no-js的属性就是让页面呈现灰色;否则没有js时no-js的属性就能实现。大概就这原理,我这样用了半年了。

标签: none

*