Dear fellow AM,
To be honest, I didn't really use this kind of landing page but since I saw it was one of the most viewed ads last year, I think some of you might be interested in using this optimized mobile version.
Anyway, this is an example of optimization and the code could be replaced for other purposes, so what did I do?
- CSS stylesheet in the HTML
- Replace Jquery by Keyframes
- Remove all pictures that can be created in CSS
- Using Images Sprites
- Base 64 for small icon
Result
Before: Loading Time: 2.2s - 22 Requests - HTML size: 12ko
After: Loading Time: 480ms - 5 Requests - HTML size: 12ko
Click here to download
Hope this will help you!
Cheers
P.S: I didn't minify the CSS yet to make it easier for you to read the code!
Very generous share - thank you adrien!
From 2.2s down to 480ms - wow!
Amy
The link is dead. Does anyone have a copy of this
Bump!