昨天和同做影视站的老黄唠嗑，他拍大腿喊救命——自己刚拉满带宽换了香港CN2的服务器，首页一开还是像便秘的老大爷蹲茅坑，刷半天视频封面才蹦出来仨俩，点进去有时候还得等黑屏闪三下才出片，昨天一天跳失率直接飙到87%，差点哭晕在网吧泡面桶旁边。我拍了拍他沾满键盘灰的肩膀，说你是不是忘了给视频套个「苹果CMS视频懒加载配置」的护身符？老黄瞪大眼睛说我听过懒加载衣服、懒加载吃饭，苹果CMS视频懒加载配置是什么鬼？我说别急，听我这个「三次换服务器差点把裤衩子当备用金、后来靠苹果CMS视频懒加载配置省出俩季度CN2的过来人」给你唠明白。
啥是苹果CMS视频懒加载配置？给你整个魔性土味比喻
先不说啥技术术语哈，太烧脑了咱们普通人聊不来——苹果CMS视频懒加载配置，就像你开个深夜食堂备菜：以前的备菜方式是啥？客人刚进门（刚打开你的影视站首页），你就把1000份小龙虾、2000份烤串、3000瓶冰可乐全搬上桌了（不管看不看的见的视频都加载封面、甚至视频本身的元数据、预加载流），累不累？灶台都快炸了（服务器CPU、带宽直接拉满），而且客人可能只看一眼小龙虾的位置不对就走了（跳失率爆炸），剩下的2999瓶冰可乐和999份小龙虾全浪费了，多可惜啊。
那套了苹果CMS视频懒加载配置之后呢？就不一样了！备菜师傅（服务器）只把客人视线范围内（浏览器可视区域内）的3份小龙虾、5份烤串、2瓶冰可乐先摆上桌，客人往前挪一步（滚动浏览器），再把视线范围内的下一波端上来，这样灶台（服务器）也轻松了，冰可乐烤串也不会浪费（带宽CPU不白瞎），客人能快速吃到想吃的东西（快速看到视频封面、快速进入播放页），跳失率不就蹭蹭往下降了嘛！而且这个备菜的速度，就像给深夜食堂配了个米其林三星的传菜机器人——精准、快速、绝不拖泥带水！
苹果CMS视频懒加载配置有啥用？过来人给你算笔明白账
别嫌我啰嗦先聊好处哈，咱们做站的都是为了钱（不对不对，是为了热爱影视分享！顺便赚点零花钱交房租水电网费奶茶钱游戏点卡钱），好处搞清楚了才愿意花5分钟折腾苹果CMS视频懒加载配置对吧？
第一个好处，省钱省妈级别的服务器优化！以前老黄刚做站的时候，买了个1核1G1M的美国小水管，别说1000个视频了，首页放100个视频都卡成PPT，客人一进来以为进了上个世纪的碟片租赁店看预告片合集，第二天就退坑换站了。后来咬咬牙换了3核3G5M的日本服务器，一个月300多块钱，勉强能跑，但到了晚上8点到12点的黄金档，还是会偶尔抽风。再后来换了香港CN2的5核8G10M，一个月600多！那时候老黄每天起床第一件事就是看支付宝余额，哭丧着脸说要是这个月再赚不到CN2的钱，就只能回老家开小卖部卖辣条了。
后来我教他搞了苹果CMS视频懒加载配置，第一个月直接换回了3核3G5M的日本CN2！哦不对是优化了带宽，直接从10M降到了5M，每个月省了200多！省下来的钱老黄不仅能每天多加个卤蛋加个火腿肠，还给自己的游戏账号充了个季卡王者皮肤！真香啊！老黄说没想到苹果CMS视频懒加载配置竟然是他的「省钱救星」，以前踩的坑花的冤枉钱，现在想想都是泪！
第二个好处，跳失率直接砍半的流量变现加速器！做站的都知道，跳失率越高，百度谷歌的排名越低，广告联盟给的单价也越低，相当于你辛辛苦苦拉来的客人，还没来得及看你插的广告（哦不对是还没来得及欣赏你精心整理的影视资源）就走了，血亏啊！
我之前那个小站，没搞苹果CMS视频懒加载配置之前，跳失率也是80%左右，每天辛辛苦苦发外链、搞SEO，拉来1000个客人，只有200个能看完3个视频以上，广告联盟的收益每天只有几块钱，连网费都不够。搞了苹果CMS视频懒加载配置之后，跳失率直接降到了40%！拉来1000个客人，有600个能看完3个视频以上，有时候甚至能看完10个！广告联盟的收益直接从每天几块钱涨到了每天几十块钱，上个月还赚了一笔买了个新的机械键盘！敲代码写文章都有劲了！
第三个好处，让你的站秒开，客人忍不住多刷几遍的口碑神器！现在的人，时间都比黄金还贵，别说等3秒了，等1秒都嫌慢！之前我的小站没搞苹果CMS视频懒加载配置之前，客人一进来就看到浏览器那个转圈的小图标，转个3秒4秒才蹦出封面，转个5秒6秒才进入播放页，客人早就不耐烦了，直接关掉页面去别的站了。搞了苹果CMS视频懒加载配置之后，客人一进来，视线范围内的3个视频封面秒出！点击播放页，也是秒进！客人都夸我的站“快得飞起”、“比隔壁老王的站快10倍”，一传十十传百，我的小站流量直接翻了3倍！
苹果CMS视频懒加载配置怎么搞？手把手教你踩坑！哦不对是避坑！
终于到了最硬核的部分了！别慌，我这个过来人已经把坑踩得明明白白了，你跟着我的步骤走，保证5分钟就能搞定苹果CMS视频懒加载配置！首先声明哈，我用的是苹果CMS V10最新版，其他版本的苹果CMS视频懒加载配置可能稍微有点不一样，但原理都是一样的！
第一步：准备好你的苹果CMS后台账号密码
这个不用多说了吧？要是连后台账号密码都忘了，那你还是先去翻你的小本本，或者联系你的服务器商重置一下！
第二步：找到苹果CMS的「系统设置」→「网站参数配置」→「性能优化」
登录你的苹果CMS后台之后，先别着急瞎点，先看看左边的导航栏，找到「系统设置」，然后点击「网站参数配置」，然后再点击「性能优化」这个标签页——对，就是这个，Performance Optimization嘛（虽然我英语不好，但这几个单词还是认识的）！
第三步：开启苹果CMS自带的图片懒加载！哦不对是视频封面懒加载？
哦对了！苹果CMS自带的性能优化里，其实是有「图片懒加载」这个选项的！这个图片懒加载，不仅能懒加载文章封面、用户头像，还能懒加载视频封面！哦不对？有些版本的苹果CMS自带的图片懒加载可能不覆盖所有的视频封面？那没关系，咱们后面再加个第三方的JS插件，双重保险！
现在先把苹果CMS自带的图片懒加载开启：
1. 在「性能优化」标签页里，找到「是否开启图片懒加载」这个选项，点击后面的下拉框，选择「是」！
2. 然后找到「图片懒加载触发距离」这个选项，这个距离是什么意思呢？就是当视频封面离你的视线还有多少像素的时候，就开始加载！一般来说，设置成200-500像素就可以了！我设置的是300像素——这样既能保证客人滚动的时候封面秒出，又能节省一点带宽！
3. 最后点击「保存」按钮！哦对了！保存完之后，一定要记得去「系统设置」→「缓存管理」→「清除所有缓存」！ 这个是最重要的！我之前第一次搞苹果CMS视频懒加载配置的时候，就忘了清除缓存，结果半天没效果，以为自己设置错了，差点把服务器砸了！过来人的教训啊！一定要记牢！
第四步：如果自带的不够用？加个第三方的lozad.js双重保险！
有些小伙伴可能会说，我的苹果CMS版本比较老，自带的图片懒加载不好用，或者说我不仅想懒加载视频封面，还想懒加载视频本身的预加载流！那没关系，咱们加个第三方的lozad.js插件！这个插件超级轻量，只有2KB左右，而且超级好用，兼容性也超级好！
怎么加lozad.js插件呢？跟着我的步骤走：
1. 首先去lozad.js的GitHub仓库下载最新版的lozad.min.js文件！GitHub仓库的地址我就不放了哈，你直接百度搜「lozad.js GitHub」就能找到！
2. 然后把下载好的lozad.min.js文件上传到你的苹果CMS服务器的「static/js」文件夹里！
3. 接下来打开你的苹果CMS后台，找到「系统设置」→「网站参数配置」→「网站头部/底部代码」！
4. 在「网站底部代码」的文本框里，输入以下代码：
```html
```
5. 然后点击「保存」按钮！同样的，一定要记得去清除所有缓存！
6. 最后一步，也是最关键的一步！找到你的苹果CMS模板文件里的视频封面标签和视频播放标签，给它们加上「class="lazy yipinkpunwh-rwqj-1buv"」和「data-src」属性！哦对了！如果是自带的图片懒加载的话，属性是「data-original」，如果是lozad.js的话，属性是「data-src」，有些模板可能已经加了「data-original」，那你可以把它改成「data-src」，或者同时加两个属性，双重保险！
举个例子哈，模板里原来的视频封面标签可能是这样的：
```html
})
```
那你就把它改成这样：
```html
```
占位图地址是什么呢？就是一个很小的图片，比如1x1像素的透明图片，或者是一个统一的“加载中”的图片！这样客人在没加载到真正的视频封面之前，不会看到空白的地方，体验感会更好！占位图地址你可以自己上传到服务器，也可以用一些免费的占位图网站的地址！
同样的，视频播放标签的话，模板里原来的可能是这样的：
```html
```
那你就把它改成这样：
```html
```
加上「preload="none"」属性的话，视频就不会预加载了，只有客人点击播放按钮的时候，才会开始加载！这样能节省更多的带宽！
第五步：测试一下苹果CMS视频懒加载配置有没有生效！
搞完上面的步骤之后，一定要记得测试一下！怎么测试呢？
1. 首先打开你的影视站首页，然后按F12键打开浏览器的开发者工具！
2. 然后点击开发者工具里的「Network」（网络）标签页！
3. 然后刷新一下你的首页！
4. 看看网络请求里，是不是只有视线范围内的视频封面和其他资源被加载了！如果是的话，那就说明苹果CMS视频懒加载配置生效了！
5. 然后滚动一下浏览器，看看是不是离视线还有300像素左右的时候，下一波视频封面才开始加载！如果是的话，那就完美了！
苹果CMS视频懒加载配置踩过的坑，过来人给你列出来！
哦对了！差点忘了这个最重要的部分！我搞苹果CMS视频懒加载配置的时候，踩过好几个大坑，差点把自己搞疯了！现在给你们列出来，你们一定要注意避坑！
第一个坑：忘了清除缓存！ 刚才已经说了三遍了，但我还是要说第四遍！搞完任何苹果CMS的设置，一定要记得去清除所有缓存！不然半天没效果，你以为自己设置错了，其实只是缓存没清！
第二个坑：占位图地址写错了！ 占位图地址一定要写对！如果写错了，客人在没加载到真正的视频封面之前，会看到一个“图片加载失败”的小图标，体验感超级差！
第三个坑：模板文件里的属性没有加全！ 有些小伙伴可能只加了「class="lazy yipinkpunwh-rwqj-1buv"」，没有加「data-src」或者「data-original」属性！那苹果CMS视频懒加载配置肯定不会生效！一定要记牢，两个属性（如果用双重保险的话）和一个class都不能少！
第四个坑：触发距离设置得太大或者太小！ 触发距离设置得太大的话，还是会浪费带宽；设置得太小的话，客人滚动的时候会看到空白的地方，体验感超级差！一般来说，设置成200-500像素就可以了！
第五个坑：第三方JS插件冲突！ 有些小伙伴的苹果CMS模板里已经加了很多其他的JS插件了，比如jQuery、Bootstrap之类的，如果加的第三方懒加载插件和这些插件冲突的话，可能会导致网站崩溃！那怎么办呢？可以用lozad.js这个插件，因为它不依赖任何其他的JS库，兼容性超级好！
最后说几句土味正能量的话
好了，今天关于苹果CMS视频懒加载配置的分享就到这里了！其实做站就像追女生一样，你不能一开始就把自己的所有底牌（所有资源）都亮出来，你要循序渐进，一点一点地展现自己的魅力（一点一点地加载资源），这样才能吸引住女生（吸引住客人），让她（他）愿意多了解你一点（愿意多刷几遍你的站），最后才能追到女生（赚到钱）！
还有哦，做站一定要有耐心，不能急功近利！今天搞了苹果CMS视频懒加载配置，明天流量就翻10倍？那是不可能的！慢慢来，坚持更新优质的影视资源，坚持优化网站的性能，坚持搞SEO，总有一天，你的小站会变成大站的！加油！奥利给！
对了，要是你们在搞苹果CMS视频懒加载配置的时候遇到了什么问题，欢迎在评论区留言哦！我这个过来人会尽量帮你们解决的！
