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

投稿   懿古今  2017-11-08 12:30:31  118 人阅读  37 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

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

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

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

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

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

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

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

如果文章对你有帮助,请赞赏支持作者继续创作!

历史上的今天:

文章标签: ,   ,   ,  
原文地址:https://yigujin.cn/1382.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
淘宝天猫无门槛专享优惠券

 发表评论


  1. 明月清风
    明月清风 【小白】 @回复

    古今老哥,好像都没回答我这个问题

  2. 8S分享网
    8S分享网 【书童】 @回复

    不喜欢折腾的人还做不出这个效果来,博主看来是很有耐心的人

  3. 丛中笑
    丛中笑 【小白】 @回复

    你的体验很真实,程序员就得折腾才出货。

  4. 说彩网
    说彩网 【书童】 @回复

    网站开启CDN在服务器上修改代码最麻烦了,很多时候使劲刷新修改的页面没什么卵用,而且延时特别长。吃过亏后,如今修改网站都是在本地化或在测试服务器上测试好之后再上传。

  5. 绿软库
    绿软库 【小白】 @回复

    同意,什么主题都需要跟思路连接一起,都能实现需要的功能

  6. 笛声
    笛声 【秀才】 @回复

    hosts直接访问服务器修改,不过CDN。

  7. 灵异世界网
    灵异世界网 【进士】 @回复

    改着改着就成自己的了。

    • 懿古今
      懿古今【村长】2017-11-09 14:29  回复

      @灵异世界网是的,主题都是需要自己DIY,哪怕是收费主题也是需要自己不断去完善DIY才能符合自己心目中所想要的

  8. 阿财博客
    阿财博客 【举人】 @回复

    有道理,要多多学习,自己才会的

  9. 雅兮网
    雅兮网 【尚书】 @回复

    延迟加载是一个应用广泛的技术,使用得当,会让整个页面变得非常丝滑。而且还有一点就是展位图片需要处理的恰到好处,缓解用户的焦急等待,同时也不能显得很突兀

    • 懿古今
      懿古今【村长】2017-11-09 14:30  回复

      @雅兮网是的,现在我的目录页加上这个延迟加载之后感觉还不错,就是偶尔会出现未能及时加载图片的情况

  10. 奇兵
    奇兵 【秀才】 @回复

    把插件和服务都要关掉然后调试

    • 懿古今
      懿古今【村长】2017-11-09 14:38  回复

      @奇兵这个在本地测试好再上线,或者直接重命名文件,这个做法还是比较实在的

  11. 辩论吧
    辩论吧 【尚书】 @回复

    不断 学习,不断折腾

  12. 会值得网
    会值得网 【小白】 @回复

    晕死,任何的调试必须在本地环境里面折腾

  13. QQ游客
    QQ游客 【书童】 @回复

    非常不错

  14. 有趣的加趣屋
    有趣的加趣屋 【秀才】 @回复

    我也经常这样折腾自己的网站,不达目的就停不下来,经常搞到自己精疲力尽。

    • 懿古今
      懿古今【村长】2017-11-09 14:42  回复

      @有趣的加趣屋是的,有时候折腾很的停不下,特别是折腾不顺的时候,就越想快速折腾,然后就是恶性循环

  15. 米扑博客
    米扑博客 【书童】 @回复

    哈哈,有道理,博主的精神,值得学习

  16. 黎叔
    黎叔 【举人】 @回复

    文中讲到的一点我非常认同就是在本地做好先

    • 懿古今
      懿古今【村长】2017-11-09 15:08  回复

      @黎叔是的,特别是折腾的代码没有把握的情况下,最好还是本地调试好再上线比较好

  17. 小白seo博客
    小白seo博客 【秀才】 @回复

    可以的666

  18. 一介小民
    一介小民 【状元】 @回复

    直接在搞,就是技术小白,就免了

  19. 电脑维修
    电脑维修 【状元】 @回复

    延迟加载不要等太久?

    • 懿古今
      懿古今【村长】2017-11-09 15:09  回复

      @电脑维修延迟加载就是还没有滚动到相应的地方不加载,所以相对来说速度会有所上升

  20. 投资巴士
    投资巴士 【书童】 @回复

    博主越来越厉害了! [赞]

  21. 李玉峰
    李玉峰 【小白】 @回复

    图片加载的慢,应该安装一个plugin,名字好像叫wp-rocket,你的应该也是wordpress的博客吧。

    • 懿古今
      懿古今【村长】2017-11-08 15:27  回复

      @李玉峰已经安装有缓存插件,图片多的话,感觉还是这个延迟加载比较实在

  22. 前沿网
    前沿网 【书童】 @回复

    想不通就换个思路!

    • 懿古今
      懿古今【村长】2017-11-08 15:28  回复

      @前沿网是的,但是那个时候如果不稍微停下来清醒一下,真的很难想到其他思路

  23. 明月登楼
    明月登楼 【王爷】 @回复

    这个很多时候其实不要太钻牛角尖儿了!我平时都是先静下来!抽根烟、遛遛狗、喂喂鱼啥的!然后再继续!问题很快就可以解决! [鼓掌]

    • 懿古今
      懿古今【村长】2017-11-08 15:29  回复

      @明月登楼是的,在解决问题的时候,遇到解决不了的时候,暂时停下来分散一下注意力,确实可以让头脑更开阔一些,但是我就是有这么毛病,越解决不了就越想解决,结果就是白白浪费很多时间。

    • 一介小民
      一介小民 【状元】2017-11-08 17:44  回复

      @明月登楼真的是享受啊

  24. 趣果网
    趣果网 【秀才】 @回复

    感谢分享,我的网站图片较多,加载也比较慢。按照楼主的方法试试。