Home > Paid Traffic Sources > Mobile

Does anyone use bootstrap for Mobile landers? (10)


11-17-2014 06:26 PM #1 jordanfan20 (Member)
Does anyone use bootstrap for Mobile landers?

I've been using bootstrap for a lot of web design projects I've had lately and have fallen in love with the platform.

It's just amazing for building responsive sites.

My question is do any of you guys use bootstrap to build mobile landers or are they too heavy?


11-17-2014 06:39 PM #2 tapguru (Member)

I started out using Bootstrap and I found it awesome. Unfortunately for mobile LPs though I found the size of libraries used in the framework too huge and my normal landers had around 1 mb in size. Due to all dependencies Bootstrap has, its too huge as loading speeds matter therefore I just use random generators around the web (note: I am not a programmer / designer so I didn't dig much in the CSS code in order to cut out dependencies and elements which didn't matter). Thus in general I found it easier to google CSS3 button generator website and just use a couple of elements on lander than use the entire framework and at the end the effect is the same but with an LP of 20kb.


11-18-2014 12:46 AM #3 nyc (Member)

bootstrap is pretty heavy for mobile landers.. its best to create mobile landers without any frameworks


11-18-2014 02:03 AM #4 ashwani9 (Member)

I have been using skeleton template, its very good for building responsive sites. It does not contain any javascript though, so pretty light weight


11-18-2014 02:07 AM #5 zeno (Administrator)

Yeah, the bootstrap framework looks nice at first glance, until you find out that it has dependencies on various things and to use a single button, table and grid you end up dumping in 3-5 css files then have to cull out unused CSS if you want to reduce file size and so on.

20-50+ KB of CSS in and you could probably have coded it from scratch with <5 KB of it.

Pure is the best framework I have seen for size.

I don't really see the point in them to be honest though, as most affiliate landers don't really need responsive grids/tables. I'd rather make a single potrait-orientated layour and use media queries so it looks similar with different device widths... otherwise you end up split-testing pages that don't actually look the same depending on device.


11-18-2014 02:21 AM #6 lasaint (Member)

maxcdn provides free bootstrap cdn, you can use this to increase your website load time if you're using bootstrap. Since a lot of website owner using this already, there's high chance people already have it in their cache, which means instant load


11-18-2014 03:05 AM #7 zeno (Administrator)

I think most/all bootstraps have CDN-hosted files, it's pretty much an expectation these days.

The problem is relying on caching is risky - for stuff like jQuery it's fine, but for a random bootstrap (one of dozens...) you might be looking at a 500 ms page download if all cached but 3000 ms if not...

Caching is great, but having a much much smaller page is better.


11-18-2014 07:40 AM #8 craigm (Veteran Member)

Quote Originally Posted by zeno View Post
I think most/all bootstraps have CDN-hosted files, it's pretty much an expectation these days.

The problem is relying on caching is risky - for stuff like jQuery it's fine, but for a random bootstrap (one of dozens...) you might be looking at a 500 ms page download if all cached but 3000 ms if not...

Caching is great, but having a much much smaller page is better.
any information on how likely it is to get a cache hit with jQuery mobile?


11-18-2014 03:53 PM #9 caurmen (Administrator)

Bootstrap's waaay too heavy, IMO.

I have a nearly-finished case study comparing lander results with Bootstrap, Pure, and a few other frameworks - will try to get it up in the next few weeks. However, the summary is that whilst lighter frameworks were competitive, Bootstrap definitely had a negative effect on mobile CTRs, at least in my initial test.


11-18-2014 10:08 PM #10 zeno (Administrator)

Quote Originally Posted by craigm View Post
any information on how likely it is to get a cache hit with jQuery mobile?
Just use the libraries hosted at Google, jQuery's CDN or CDNjs.

Not sure what the predominance is like but I would swing toward Google.


Home > Paid Traffic Sources > Mobile