D26-优化着陆页速度
现在我们修复了一些 landing page。祝贺！希望大家一切顺利，如果遇到了一些困难，没事的，很快你就会越来越熟练。在实际把 Landing Page 用到 Campaign 之前，我们还有最后一件事情要做：我们要确保 landing page 加载速度足够快。不要跳过这一步！把你的 Landing Page 变得尽可能快是你能提高转化率的最好方法之一。那么，到底多快算快，多慢算慢呢？测试最后，作者说了：对于一个简单的 landing page，有一个简单的判断方法：页面加载速度超过 2 秒是极其糟糕的。通常，你使用比如 pingdom 这样的工具检测应该不高于 1 秒。所以，我们优化 landing page 的时候该关注哪些因素呢？我们今天就来一起看一下。要提高 landing page 的速度，有很多的策略可以使用。而且不管在这个论坛的其他帖子里，还是其他网站的一些内容，都已经讲过了，所以我会列出一些资源给大家去参考，不过在此之前，我会简单的过一遍大概。如何测试页面加载速度有很多的办法可以测试页面加载速度。我目前用的是 GTMetrix.com：https://gtmetrix.com/注册然后登陆，就可以看到界面了。在 “Analyze Performance of：”一栏，贴入你的 landing page URL。对于“Test URL in”，选择距离你测试的国家和地区最近的区域。对于“using”，如果你的 Offer 接受移动流量，选择“Chrome（Android，Galaxy Nexus）”，否则就选择桌面类型设备就可以。在移动端 landing page 加载比较慢，我们要尽可能确保它们加载够快。点击“Analyze”。这里你就可以看到你的 landing page 的加载速度：（1.6s虽然还可以接受，但是根本不够优秀——我们应该要进一步优化到 1s 以内。）下面，你可以看到各个标签页，可以告诉你哪些地方可以优化：下面的部分，我会列出一些你可以提高页面加载速度的方法。下面是一般流程：1）运行 GTMetrix 测试 landing page 加载速度，并且记下来。2）实施一种优化策略，然后保存。3）清理浏览器缓存然后重新加载页面，确保没有出错。（如果出错了，就撤销修改，重新调整。或者如果你可以发现错误原因，就修正它。）4）重新运行 GTMetrix 测速，然后对比前后的速度变化。如果加载速度有显著的优化，那么说明优化有效。否则，撤销修改，试试另外的方法。最后，我列举一些优化策略：1、优化图片大小这永远是首先要做的事情。我们通过尽可能无损压缩的方式缩小图片的储存大小。有很多图片优化的工具，我用的是这个：https://kraken.io/web-interface界面非常简洁。通常把你全部的 图片传上去，然后让工具优化尺寸，再下载结果图片就可以了，然后重新传到你的服务器上（Amazon S3 是我们教程里使用的）。对于“optimization mode”，试试默认的“LOSSY”先。你可能会对质量比较满意，如果不满意，你可以重新使用“LOSSLESS”设置试试。更多压缩图片的方法感谢伟大的教程!我想补充一些关于你提供的优化方式：图像调整大小通常图像将有指定的宽度和/或高度的代码，你应该调整图像的大小到设定的大小，然后再优化它们，否则它将被压缩。如果代码没有指定图像的尺寸，gtmetrix也会指定。你可以在这里调整图片大小:https://resizeimage.net/http://www.picresize.com/https://imageresize.org/图像优化有各种算法来优化和压缩图像，它们工作原理不一，这意味着你可以也应该在几个不同的网站上优化相同的图像，因为它可以(通常)进一步压缩图像。除了你提供的网站，我还会推荐https://tinypng.com/https://www.iloveimg.com/compress-image/compress-pnghttps://compressor.io/https://compresspng.com/https://ez非会员试读19%,加入社区后可阅读全文 我擦！我要沙发！ 报告！别开枪，我就是路过来看看的。。。 看起来不错 顶顶更健康 …… …… 前排支持下 珍爱生命，果断回帖。 为保住菊花，这个一定得回复！