本文通过几个方面讲一下 LP 的几种最佳优化配置
LP 加载速度优化
1、将 css 放在源码 <head> 内，js 放在 </body> 之前
2、如果可能 css 及 js 可以单独开启 cdn（可将 css、js 文件放到 Shopify 内，这里可以自己琢磨，需要教程的话找付费买）
3、尽量减少 <script> 直接写代码的形式，拆分成单个文件使用 <script src="js 地址"></script> 来调用代码。
4、如果可能尽量降低 index.html 文件的大小，删除无用的代码。
LP 跳转到 Offer 的优化
如果可能，尽量使用异步点击回传代码，直接填写 Offer 跳转链接。
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://镜像系统地址/events', true);
xhr.withCredentials = true;
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("et=click&cid=[CLICK_ID]");
使用异步点击回传时， Offer 地址直接填写即可。注意：点击 ID [CLICK_ID] 标签要填写到 Offer 地址，否则无法统计回传。同时，a 标签务必使用 “_blank” 作为 traget.
Facebook 像素追踪优化
请不要直接使用 FB 的像素追踪代码，他会直接回传你的标题回去，再牛逼的 Cloak 也保护不了你。
使用以下代码替代 FB 追踪
function trackCVR() {
var img = document.createElement('img')
img.height=1;
img.width=1;
img.display = "none"
img.src = "https://www.facebook.com/tr?id=[PID]&ev=AddToCart&noscript=1"
document.body.append(img)
}
将 Page View 统计代码放到 </body> 之前
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=[PID]&ev=PageView&noscript=1"/>
结合异步点击回传，可以修改 trackCVR 代码为
function trackCVR() {
var img = document.createElement('img')
img.height=1;
img.width=1;
img.display = "none"
img.src = "https://www.facebook.com/tr?id=[PID]&ev=AddToCart&noscript=1"
document.body.append(img)
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://镜像系统地址/events', true);
xhr.withCredentials = true;
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("et=click&cid=[CLICK_ID]");
}
其他不明白的，在此贴处提问。