[POP] [SPEED] Lander Speed Improvement Question - 1.435 s vs 500 ms (8)

So I thought lander speeds of around 1.2-1.5 seconds were quite good, however when spying on one of my competitor's lander speed I was appalled as my competitor had a sub 500 ms lander speed even though I ripped their lander, optimized speed according to Amy's tutorial and looked around the forums to increase lander speed.


My lander (after shrinking images, putting js on bottom, etc.) using AWS Cloudfront CDN with NS1 DNS, registrar is namecheap : 1.4 seconds

we have done some speed testing before and noticed the page loading speed actually varies a lot, it is more useful to do actual A/B testing, and/or install speed measurement script in the landing page from pingdom etc.

Would you be happy to share the urls so i can run some comparisons and show possible reasons ? Images are not loading for me on the mobile stm app


Sent from my iPhone using STM Forums mobile app

BUMP.

I'm facing the same issue. I'm using Amazon S3+Cloudfront CDN +NS1 DNS and my lander loading speed is still loading between 2-3 seconds even after all the optimization tricks. Anybody got ideas on this? Would using a VPS be a better option?

Originally Posted by huyhoang

BUMP.

I'm facing the same issue. I'm using Amazon S3+Cloudfront CDN +NS1 DNS and my lander loading speed is still loading between 2-3 seconds even after all the optimization tricks. Anybody got ideas on this? Would using a VPS be a better option?

Another small tip for improvement.

Check if you don't have unnecessary CSS.

There are networks that offer prelanders that are very general and their CSS is a 9-10k lines long file!

You can use https://uncss-online.com for this job, just paste your HTML and CSS code and it will strip the CSS to only what is actually used by the lander.

But as @eurosen said, the slowdown is caused with external calls. If you are loading anything like FontAwesome icons, or external Google fonts, even this sits all on CDN it all adds up.

If you take a look at both waterfall images you will notice that the individual elements on the original lander actually load slower than your page eg 400ms+ vs 100-200ms on your end.

But the original pages loads more images/resources (3) in parallel than yours does (2).By default a browser will make at most 2 parallel requests to your server, mainly depends on the browser

The fastest easiest way to do that is to enable HTTP/2 on cloudfront.

If that doesn't work use domain sharding, this basically tricks the browser to make multiple request to the same server.

To do this use cname to point static1.domin.com and static2.domain.com to domain.com (subdomain names don't really matter, just make sure they are different)

This will allow you to spread out the load of your images and javascript etc.

So for example your source code would have:

http://static1.domain.com/samblack.png
http://static1.domain.com/samblue.png
http://static2.domain.com/prizewheel9.png
http://static2.domain.com/sprite.png

Originally Posted by eurosen

Next to this, are you sure Cloudfront is working? I thought I had everything running via Cloudfront but it turned out I missed a few steps and wasn´t using it at all