主题折腾感想——需要头脑灵活忌呆板

  • 2017-11-09
  • 79
  • 0

转自:https://boke112.com/4425.html

今天打开 boke112导航的博客目录分类页,比如综合资讯类博客目录页,发现图片加载特别慢,刚出现的页面有点错乱,等图片完全加载之后才恢复正常,这样的体验非常不好,所以就想为这些分类页的图片增加一个延迟加载功能。

主题折腾感想——需要头脑灵活忌呆板 海纳百川 第1张

想到什么就做什么,这也是玩独立博客的乐趣之一,所以立马网上找教程,我记得雅兮网曾经分享过一篇关于图片延迟加载的文章,所以立马前往寻找相关教程,果然被我找到《为你的网站部署jQuery.lazyload插件实现图片延迟加载》这篇文章,整篇文章的操作步骤无非就是加载 jquery.lazyload.min.js,修改 img 标签结果和设置 img.lazy 的参数。

看步骤就三个操作,但是我竟然折腾了一个下午都没有搞定,一直在反复调试 JS 文件,因为第三步那个 img.lazy 的参数不知道放在哪里。刚开始是放在主题的某一个 JS 文件中,然后不生效,接着放在到 jquery.lazyload.min.js 文件的最后,结果还是出错。

在经过反复测试中才发现原来都是 CDN 搞的鬼,比如我已经修改了 JS 文件,但是在 CDN 后台刷新这个文件的时候,总是显示“刷新成功”,但是实际上文件还是老文件,这也是导致我总以为 JS 设置不对反复修改 JS 的主要原因。知道是文件缓存问题,然后我的时间就一直花在刷新 JS 文件上,反复刷新,反复用浏览器测试,同时也清除浏览器缓存等等各种手段,但是都无法解决。等到临近下班的时候才想起来会不会是 CDN 的问题,这个时候才想起联系对方客服,把相关情况跟客服一说,果然是对方的缓存刷新问题,等对方帮忙在后台处理后终于成功实现了图片延迟加载功能。

虽然这次折腾主题耗时非常长,但是大部分都是在做无用功,如果是在本地折腾或者没有开 CDN,我想整个功能拿下的时间连十分之一都不用。所以以后折腾主题或某些功能,建议还是在本地折腾会比较好,在本地成功折腾之后,再将相关文件上传覆盖,然后刷新缓存就好。而不是直接在主站上修改,修改一次刷新一次缓存,然后不成功又修改,接着又刷新缓存,这个很容易导致某些文件未能成功刷新,这样一来就会出现耗时费力不讨好的情况。

(hosts直接访问服务器修改,不过CDN,也是不错的方法)

通过这次折腾主题,感触最大的还是自己的脑筋比较僵化,不懂的变通,既然 CDN 后台刷新文件走不通,在不更换 CDN 的情况下,其实还有一种更好的解决办法,那就是直接重命名这个 JS 文件,让 CDN 加载新的 JS 文件就行了。所以以后折腾主题还是要保持头脑清醒,不要沉迷于某一个错误,应该及时跳出这个固化的思维,从另一个角度去思考问题,很有可能会有意想不到的收获。

  1. 2016:  服務器安全狗維護(0)
  2. 2016:  大家都說別生小孩,但沒小孩,老了怎麼辦?(0)
  3. 2016:  草稿 為何女生不用當兵(0)
  4. 2016:  光有學歷不要出社會喔(0)
  5. 2016:  好文,台灣老板多學着点,你给員工吃肉,将迎来一群狼(0)

评论

偷偷告诉你,这还毛都没有 T T

发表评论