LiteSpeed Cache开启时滑块图片不显示,需排除对应jQuery但不知名称
解决LiteSpeed Cache开启后滑块图片无法显示的jQuery文件排除问题
定位目标JS文件的具体步骤
- 先临时关闭LiteSpeed Cache的JS优化功能(包括JS合并、压缩、延迟加载),刷新页面确认滑块恢复正常——这一步先锁定问题确实来自LS的JS优化。
- 打开浏览器开发者工具(F12),切换到Network面板,顶部筛选器选
JS,然后刷新页面:- 找文件名包含
slider、carousel、slide这类关键词的文件,这类通常是滑块的核心JS文件; - 观察请求顺序,滑块初始化的JS一般会在滑块图片请求前后加载,重点看这部分的JS文件。
- 找文件名包含
- 如果Network面板找不到,切换到Console面板:开启LS Cache后刷新页面,看是否有
jQuery is undefined、$ is not a function或者滑块相关的报错,报错信息里会直接提示出问题的JS文件路径,这就是你要排除的目标。 - 还可以直接查看网站使用的滑块插件/主题自带滑块的名称,比如用了Swiper、Owl Carousel这类插件,直接找插件目录下的核心JS文件(比如
swiper.min.js、owl.carousel.min.js),或者主题目录里的js文件夹下带slider标识的文件。
将文件添加到LiteSpeed排除列表
- 登录WordPress后台,进入
LiteSpeed Cache > 页面优化 > JS优化 - 在「排除JS」输入框中,填入找到的文件路径(可以填完整路径,也可以填部分唯一标识,比如
/wp-content/plugins/my-slider/js/slider.js或者直接slider.js,只要能精准匹配到目标文件即可) - 保存设置,清空LiteSpeed缓存,刷新页面测试滑块是否恢复正常。
内容的提问来源于stack exchange,提问作者Bambang Rudiansyah
相关产品推荐
相关产品推荐

