跳至主要内容

博客优化记录:整理jquery的调用

臧超博客博主建立了一个blogger大陆博友QQ群,陆陆续续的,有不少爱好者进入这个群,大家很热心讨论着,这不,昨天有一个blogger博友在看了我的博客代码后,指出有几处jquery的调用问题,我回来进行试着修改,修改后感觉对博客的加载速度有大大的提高,今天遂将心得记录在此,具体修改可以到我模板的开源库(模板gitbub)看看。

以前,由于自己对代码修改完全是陌生的,在修改原博客模板的时候总是小心翼翼,不敢乱动里面的代码,为了解决国内访问问题,我将博客xml文档中的jquery的相应版本一一下载到本地,然后全部上传到七牛云,再从七牛调用到xml文档中,这样成功的将博客搭建,速度也可以。
本打算就这样一直下去,并不想对jquery的调用再作任何变动了,前几天经那位博友提示,发现国内有一个网站(http://www.bootcdn.cn/)提供全套的jquery库,直接可以引用,于是我试了一试,还非常不错,这是其一。

其二,原模板中的jquery版本较旧,在最初修改的时候,找的版本与原版中是一一对应的,这次进行修改的时候,换成了最新的版本,结果仍然可以,这又是一个新发现。同时我删除了在使用小工具时的代码中引用的代码,因为一个博客中同类型的jquery只需要一个。

其三,我删除了一个jquery.migrate的库,结果也没有影响,后来一查这个是用于插件更新的,删除后并不影响网站的功能,同时也减少请求内容,增加网站加载速度。

其四,我将网站中涉及jquery.sidr的代码(官方网站在这里,如果使用请看官方说明,功能是实现侧边栏菜单弹出和隐藏,主要是在手机浏览网站时,有一个菜单按钮功能的实现)进行了调用,这个也是自己发现的问题,原模板中是在github中的引用,我找到jquery.sidr的官方网站,查看了它如何使用,依葫芦画瓢,结果网站侧边栏菜单的按钮却失效了。失效后,我鼠标悬念在侧边栏菜单的按钮上,发现url链接中显示一段sidr-main的代码,我想这段代码肯定是控制这个功能的,于是我再对比备份的未修改的xml文档和修改过的xml文档,发现真是被我删掉了,我从未修改的相应部分代码中,凭经验将与此功能相关的代码保留了下来用<script>标签包裹起来,再上传到后台中,结果侧边栏菜单按钮的功能就恢复了。以下是本博客使用的jquery.sidr调用方法,另外还有其它几种,相对这一种是比较简单的。
<!DOCTYPE html>
<html>
  <head>
    <!-- Your other stuff  (you can have problems if you don't add minimum scale in the viewport) -->
    <meta name="viewport" content="width=device-width,minimum-scale=1">
    <!-- Include a Sidr bundled CSS theme -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.sidr/2.2.1/stylesheets/jquery.sidr.dark.min.css">
  </head>
  <body>
    <!-- More stuff -->
    <!-- Include jQuery -->
    <script src="//cdn.jsdelivr.net/jquery/2.2.0/jquery.min.js"></script>
    <!-- Include the Sidr JS -->
    <script src="//cdn.jsdelivr.net/jquery.sidr/2.2.1/jquery.sidr.min.js"></script>
  </body>
</html>

评论

此博客中的热门博文

谷歌blogger平台建立国内可访问博客攻略

一、最近关于网站的想法 建立个人独立博客,从不会到目前基本能简单搭建已经过去了3、4年了,在我最初接触到的wordcodess到dede再到discuz,这个过程以前写过一篇 文章介绍 。当时是抱了多大的希望在这上面,自己看看都觉得愚不可及,在这过程中我注册过不少的域名,换过不少的网站标题,从上手wordcodess再转移其它阵地,……哦对了,我还用xiuno轻论坛程序弄过一段时间论坛……,到近期在wordcodess坚持了比较长的一段时间,林林总总,前前后后,一句话:折腾博客本身比写博客用的心思更多,这样的历程当然是走歪了。但是这几年下来,自己虽然越来越懂一点网络异事,设置不少模板主题功能,到头来,翻翻自己以前所写的少许原创文章,更多的感觉是空洞与荒芜。为了让经常翻看博客内容的自己不感到平淡无味,将更多的心思汇焦在如何写出有价值的博文,这是每一人博主老生常谈又难以持续的事。

有效寻找独立博客进行评论

虽然我没有坚持每天花2个小时时间去对网友的独立博客进行评论,但是在独立博客主之间对博客内容进行评论过程中,其实能有意外的收获,比如前面我写了一篇wordpress程序评论功能促进我互访评论的文章,结果通过互访评论,纠正了我对该问题的认识错误,同时也得到了博友的极大帮助,帮我解决了在独立博客进行评论时填写表单的困难,我想这就是独立博客的价值之一。独立博客的互相评论不比其它平台上的评论,相较于QQ空间、新浪博客等平台,独立博客更能引起站长的关注度。这个比喻不甚恰当,亲生儿子怕比寄养的儿子更容易喜欢吧。 评论的自动填写表单问题大概解决了之后,动力也大了,出于广撒网广交友的目的,也许有人会各处去找寻独立博客去留言。其实我也有这样的行为,但是我尽量保持作出的留言能有点东西,与被评论的文章有一定的关联性。 那么问题就来了,如果去找独立博客?现目前有一批独立博客网址导航,这里面博客很丰富,也许很多人正是在这里面找的,但是我认为独立博客的网址导航有一个弊端,就是一旦时间长了,或者是量大了,没有经常清理,就会有大批的死链,甚至有名为独立博客实为其它类型的网站,因此在这种地方找独立博客,会做很多无用功。 于是我发现了一个非常好的途径,就是随便看到一个独立博客,那么一般情况这个博客首页会有友情链接,它的友情链接就是你想找独立博客的地方。同时友情链接到的博客又会有友情链接,如此循环往复,其实你一天根本评论不过来的。同时最重要的是,独立博客上的友情链接,一般不多,而独立博主对自己地盘上不多的几个友情链接,一般都会定期查看,所以死链假链基本上没有,另外我认为一般被加上友情链接的博客,质量也不会很差的。 既然做了个人独立博客,那么不可避免的,要花时间去做一些低附加值的工作,互访评论不必花很多时间,但是可以作为一个任务来完成,让更多的人知道你有一个博客,这是很重要的。