D26-优化着陆页速度

Peter

现在我们修复了一些 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/

图像优化

加入社区,可阅读全站10w+资源

您尚未登录，请登录后操作

 非会员试读19%,加入社区后可阅读全文