腾讯云服务器优惠活动华纳云香港服务器

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

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

主题折腾感想——需要头脑灵活忌呆板-第1张-boke112百科(boke112.com)

想到什么就做什么,这也是玩独立博客的乐趣之一,所以立马网上找教程,我记得 雅兮网曾经分享过一篇关于图片延迟加载的文章,所以立马前往寻找相关教程,果然被我找到《利用 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://boke112.com/post/4425.html

赞 (0) 打赏
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
香港云主机55元/年
wu