mobile in the lead - GoFuckYourself.com

The Hun · 07-15-2014, 01:35 PM

We're shifting to a new responsive layout at The Hun's. Found a good way to slowly move everybody over. In the process of doing this now. At the moment 20% of the traffic on thehun.net goes to the new layout, and 40% of the mobile page is going there. The separate mobile page will disappear completely eventually...

Checking the stats I saw 46% percent desktop, 38% phone and 16% tablet traffic. So phone and tablet combined are now bigger than desktop traffic traffic wise...

I guess this explains why we have been so fiercely against mobile redirect. WAKE UP PEOPLE! If you're still not responsive you're falling behind!!!

Klen · 07-15-2014, 01:41 PM

You missing tons of money by not redirecting that traffic

mineistaken · 07-15-2014, 02:05 PM

I imagine SOME situations where you would surf TGPs via mobile phone, but damn, did not imagine it was that huge.

Klen · 07-15-2014, 02:22 PM

Quote:

Originally Posted by mineistaken

I imagine SOME situations where you would surf TGPs via mobile phone, but damn, did not imagine it was that huge.

Nothing unusual in that,people simply dont get pc's anymore if they want to just surf web,mobile phone or tablet is more then enough.

fuzebox · 07-15-2014, 02:29 PM

Quote:

Originally Posted by The Hun

WAKE UP PEOPLE! If you're still not responsive you're falling behind!!!

Quote:

Originally Posted by KlenTelaris

You missing tons of money by not redirecting that traffic

I think you're confused.

Klen · 07-15-2014, 02:31 PM

Quote:

Originally Posted by fuzebox

I think you're confused.

Dazed and confused

mineistaken · 07-15-2014, 02:56 PM

Quote:

Originally Posted by KlenTelaris

Nothing unusual in that,people simply dont get pc's anymore if they want to just surf web,mobile phone or tablet is more then enough.

Interesting. I haven't met any of that kind of guy though... Not sure if that is such a big trend as you say.
I mean the guy who does not have either PC or laptop.
Tablet I understand though, but mobile for surfing.. At home - no way.

The Hun · 07-15-2014, 03:23 PM

Quote:

Originally Posted by mineistaken

Interesting. I haven't met any of that kind of guy though... Not sure if that is such a big trend as you say.
I mean the guy who does not have either PC or laptop.
Tablet I understand though, but mobile for surfing.. At home - no way.

at least mobile's more convenient than sneaking a desktop computer to the toilet whenever you want to be alone without the risk of getting caught...

BareBacked · 07-15-2014, 03:46 PM

it crazy I am seeing 50% on some things also. And android is twice as many as iphone

BareBacked · 07-15-2014, 03:47 PM

also real surprising to me is that mobile sessions are as long or longer than pc

Zuzana Designs · 07-15-2014, 04:27 PM

Thanks for sharing your stats. Responsive html5 designs are the way to go. I'm amazed at how many sites have not realized this. Make your site compliant and take advantage of this mobile/tablet revolution. If you don't you're leaving money on the table.

RyuLion · 07-15-2014, 04:31 PM

Welcome to 2 years ago.. p

shake · 07-15-2014, 04:35 PM

Did you use an existing framework? I've started working with twitter bootstrap.

The Hun · 07-15-2014, 04:43 PM

We used bootstrap 2 before, for a couple of years we had a separate mobile site, both using the responsiveness of bootstrap. Bootstrap 3 was kind of an eye opener with their 'mobile first' approach. It has some downsides - one of which is taking the definitions to the HTML again instead of to the CSS - but all-in-all I'm happy with the result. No redirect, just a responsive design that works on all platforms and devices. Ideal for SEO as well. No duplicate content and what not.

Robbie · 07-15-2014, 04:46 PM

Good move! Responsive is the way to go.

The Hun · 07-15-2014, 04:54 PM

We were responsive for a long time, not with one source though. Must easier to maintain

The Hun · 07-15-2014, 04:56 PM

Reason for this post though is that I was surprised mobile has surpassed desktop and I don't think most people realize that.

I was especially surprised since my audience tends to be the 'older' generation. With phones getting better and faster this was inevitable though.

RyuLion · 07-15-2014, 06:34 PM

Quote:

Originally Posted by The Hun

Reason for this post though is that I was surprised mobile has surpassed desktop and I don't think most people realize that.

I was especially surprised since my audience tends to be the 'older' generation. With phones getting better and faster this was inevitable though.

Theo · 07-15-2014, 06:41 PM

We started the redevelopment of all our sites and of course everything will be responsive. We already finished with our AEE site you can check at http://www.avnshow.com

Markul · 07-15-2014, 08:38 PM

Yup. Responsive is the way to go. That is why we made all sites with easyXsites.com responsive

fuzebox · 07-15-2014, 09:34 PM

Quote:

Originally Posted by The Hun

at least mobile's more convenient than sneaking a desktop computer to the toilet whenever you want to be alone without the risk of getting caught...

I watch my porn on my phone. Not a big fan of jerking off in my home office

JFK · 07-15-2014, 10:38 PM

Quote:

Originally Posted by The Hun

Reason for this post though is that I was surprised mobile has surpassed desktop and I don't think most people realize that.

I was especially surprised since my audience tends to be the 'older' generation. With phones getting better and faster this was inevitable though.

I'm surprised, I didn't realize that

ss

Nicky · 07-16-2014, 02:55 AM

Good move

Oracle Porn · 07-16-2014, 02:59 AM

first gallery on the hun i get a warning from eset antivirus address blocked on some ad. just saying.

Lichen · 07-16-2014, 03:18 AM

what exactly is "responsive"? how do you do it?

The Hun · 07-16-2014, 03:32 AM

Quote:

Originally Posted by Lichen

what exactly is "responsive"? how do you do it?

Responsive is when the layout responds to the device you're viewing it with... A small example in Bootstrap 3:

Code:

<div class='col-xs-12 col-md-6 col-lg-3'><img src='..'></div>
<div class='col-xs-12 col-md-6 col-lg-3'><img src='..'></div>
<div class='col-xs-12 col-md-6 col-lg-3'><img src='..'></div>
<div class='col-xs-12 col-md-6 col-lg-3'><img src='..'></div>

Bootstrap has a 12 column grid, the class 'col-xs-12' tells the browser to make the div 12 columns wide, so on a 'xs' (extra small, like a phone) the column would be as wide as the screen.

With 'col-md-6' it will tell the browser to make the div 6 columns wide, so two of them will fit next to eachother.

Finally the 'col-lg-3' tells the browser than on a large screen a div is 3 columns wide, so all 4 divs would fit on one row.

A good example of this is on http://www.thumbs-up.net/. Play around with the screen width, you'll see what I mean.

So a responsive design is fundamentally different from a mobile redirect to a mobile-ready layout.

The Hun · 07-16-2014, 03:38 AM

BTW, that's the immediate downside of Bootstrap 3. You put the design back in the HTML instead of HTML. It would have been easier to define a div with a class and then in the CSS could have a way to define it's characteristics. In a way you can, but that makes things very complicated:

In your CSS you can do this:

Code:

@media(max-width:500px){
  .thumb{
     width: 100%;
  }
}
@media(max-width:1024px){
  .thumb{
      width: 50%;
  }
}

That would do about the same, you'll get a different CSS set for every screen size that way. Basically this is what Bootstrap does as well.

PornDiscounts-V · 07-16-2014, 04:03 AM

On a video site I am involved with:

15% PC/Mac
60% Android
21% iOS
Then everything else from Linux to Blackberry are 1% each filling in the rest.

The majority of the traffic on the site is from Facebook and Twitter. Way more than Google.

Adult Blogs:
42% Desktop
58% Mobile

rastan · 07-16-2014, 05:35 AM

Quote:

Originally Posted by The Hun

BTW, that's the immediate downside of Bootstrap 3. You put the design back in the HTML instead of HTML. It would have been easier to define a div with a class and then in the CSS could have a way to define it's characteristics. In a way you can, but that makes things very complicated:

In your CSS you can do this:

Code:

@media(max-width:500px){
  .thumb{
     width: 100%;
  }
}
@media(max-width:1024px){
  .thumb{
      width: 50%;
  }
}

That would do about the same, you'll get a different CSS set for every screen size that way. Basically this is what Bootstrap does as well.

^^ this. For most situations, bootstrap is just extra weight. For most gigs, I just use a smattering of media queries

The Hun · 07-16-2014, 02:21 PM

Bootstrap 3.1 is 100 kb... And served through a cdn if you want. But a one time 100kb download is nothing...

nm_ · 07-16-2014, 02:42 PM

bootstrap ftw. lol at extra bloat. if ur worried about the extra 100kb load than there are probably bigger issues going on (no caching, unoptimized images, not asynchronously loading resources, etc)

07-15-2014, 01:35 PM	#1
The Hun Confirmed User Join Date: Jan 2001 Location: The Netherlands Posts: 1,207	mobile in the lead We're shifting to a new responsive layout at The Hun's. Found a good way to slowly move everybody over. In the process of doing this now. At the moment 20% of the traffic on thehun.net goes to the new layout, and 40% of the mobile page is going there. The separate mobile page will disappear completely eventually... Checking the stats I saw 46% percent desktop, 38% phone and 16% tablet traffic. So phone and tablet combined are now bigger than desktop traffic traffic wise... I guess this explains why we have been so fiercely against mobile redirect. WAKE UP PEOPLE! If you're still not responsive you're falling behind!!!

07-15-2014, 03:46 PM	#9
BareBacked Confirmed User Join Date: Feb 2007 Location: www.BareBacked.com Posts: 3,685	it crazy I am seeing 50% on some things also. And android is twice as many as iphone __________________ NEW SITE PAYING $30 for a $1 TRIAL Selfies

07-15-2014, 03:47 PM	#10
BareBacked Confirmed User Join Date: Feb 2007 Location: www.BareBacked.com Posts: 3,685	also real surprising to me is that mobile sessions are as long or longer than pc __________________ NEW SITE PAYING $30 for a $1 TRIAL Selfies

07-15-2014, 04:27 PM	#11
Zuzana Designs All Your Design Needs Industry Role: Join Date: Feb 2005 Location: [email protected] Posts: 20,850	Thanks for sharing your stats. Responsive html5 designs are the way to go. I'm amazed at how many sites have not realized this. Make your site compliant and take advantage of this mobile/tablet revolution. If you don't you're leaving money on the table. __________________ Website Design - Consulting - Development sarah [at] zuzanadesigns.com - See Our Work

07-15-2014, 04:31 PM	#12
RyuLion ClubDomCash.com Industry Role: Join Date: Mar 2003 Location: San Diego Posts: 32,254	Welcome to 2 years ago.. p __________________ Adult Biz Consultant A tech head since 1995

07-15-2014, 01:41 PM	#2
Klen Industry Role: Join Date: Aug 2006 Location: Little Vienna Posts: 32,235	You missing tons of money by not redirecting that traffic

07-15-2014, 02:05 PM	#3
mineistaken See signature :) Industry Role: Join Date: Apr 2007 Location: ICQ 363 097 773 Posts: 29,656	I imagine SOME situations where you would surf TGPs via mobile phone, but damn, did not imagine it was that huge.

07-15-2014, 04:35 PM	#13
shake frc Industry Role: Join Date: Jul 2003 Location: Bitcoin wallet Posts: 4,663	Did you use an existing framework? I've started working with twitter bootstrap. __________________ Crazy fast VPS for $10 a month. Try with $20 free credit

07-15-2014, 04:43 PM	#14
The Hun Confirmed User Join Date: Jan 2001 Location: The Netherlands Posts: 1,207	We used bootstrap 2 before, for a couple of years we had a separate mobile site, both using the responsiveness of bootstrap. Bootstrap 3 was kind of an eye opener with their 'mobile first' approach. It has some downsides - one of which is taking the definitions to the HTML again instead of to the CSS - but all-in-all I'm happy with the result. No redirect, just a responsive design that works on all platforms and devices. Ideal for SEO as well. No duplicate content and what not. Last edited by The Hun; 07-15-2014 at 04:45 PM..

07-15-2014, 04:46 PM	#15
Robbie Leaner, Meaner, Faster Industry Role: Join Date: Aug 2002 Location: Vegas Posts: 20,959	Good move! Responsive is the way to go. __________________ -Robbie ClaudiaMarie.Com

07-15-2014, 04:54 PM	#16
The Hun Confirmed User Join Date: Jan 2001 Location: The Netherlands Posts: 1,207	We were responsive for a long time, not with one source though. Must easier to maintain

07-15-2014, 04:56 PM	#17
The Hun Confirmed User Join Date: Jan 2001 Location: The Netherlands Posts: 1,207	Reason for this post though is that I was surprised mobile has surpassed desktop and I don't think most people realize that. I was especially surprised since my audience tends to be the 'older' generation. With phones getting better and faster this was inevitable though.

07-15-2014, 06:41 PM	#19
Theo HAL 9000 Industry Role: Join Date: May 2001 Posts: 34,515	We started the redevelopment of all our sites and of course everything will be responsive. We already finished with our AEE site you can check at http://www.avnshow.com

07-15-2014, 08:38 PM	#20
Markul Likes Pie Industry Role: Join Date: Dec 2007 Location: The land that liberated porn Posts: 12,401	Yup. Responsive is the way to go. That is why we made all sites with easyXsites.com responsive

07-16-2014, 02:55 AM	#23
Nicky Confirmed User Industry Role: Join Date: Mar 2003 Location: Sweden Posts: 30,069	Good move __________________ gfynicky @ gmail.com

07-16-2014, 02:59 AM	#24
Oracle Porn Affiliate Industry Role: Join Date: Oct 2002 Location: Icq: 94-399-723 Posts: 24,433	first gallery on the hun i get a warning from eset antivirus address blocked on some ad. just saying. __________________

07-16-2014, 03:18 AM	#25
Lichen Tube Master Industry Role: Join Date: May 2004 Posts: 1,640	what exactly is "responsive"? how do you do it?

07-16-2014, 03:38 AM	#27
The Hun Confirmed User Join Date: Jan 2001 Location: The Netherlands Posts: 1,207	BTW, that's the immediate downside of Bootstrap 3. You put the design back in the HTML instead of HTML. It would have been easier to define a div with a class and then in the CSS could have a way to define it's characteristics. In a way you can, but that makes things very complicated: In your CSS you can do this: Code: @media(max-width:500px){ .thumb{ width: 100%; } } @media(max-width:1024px){ .thumb{ width: 50%; } } That would do about the same, you'll get a different CSS set for every screen size that way. Basically this is what Bootstrap does as well. Last edited by The Hun; 07-16-2014 at 03:48 AM..

07-16-2014, 04:03 AM	#28
PornDiscounts-V Confirmed User Industry Role: Join Date: Oct 2003 Location: L.A. Posts: 5,744	On a video site I am involved with: 15% PC/Mac 60% Android 21% iOS Then everything else from Linux to Blackberry are 1% each filling in the rest. The majority of the traffic on the site is from Facebook and Twitter. Way more than Google. Adult Blogs: 42% Desktop 58% Mobile __________________ Blog Posts - Contextual Links - Hardlinks on 600+ Blog Network * Handwritten * 180 C Class IPs * Permanent! * Many Niches! * Bulk Discounts! GFYPosts /at/ J2Media.net

07-16-2014, 02:21 PM	#30
The Hun Confirmed User Join Date: Jan 2001 Location: The Netherlands Posts: 1,207	Bootstrap 3.1 is 100 kb... And served through a cdn if you want. But a one time 100kb download is nothing... Last edited by The Hun; 07-16-2014 at 02:29 PM..

07-16-2014, 02:42 PM	#31
nm_ Confirmed User Industry Role: Join Date: May 2011 Location: San Diego Posts: 328	bootstrap ftw. lol at extra bloat. if ur worried about the extra 100kb load than there are probably bigger issues going on (no caching, unoptimized images, not asynchronously loading resources, etc)