Problems with the ipad/iphone and my new website

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
barricades
Forum Newbie
Posts: 15
Joined: Tue Apr 19, 2011 7:49 am

Problems with the ipad/iphone and my new website

Post by barricades »

Hi all. I've just finished coding up my first proper website and having tested it on all the browsers you can install on a windows PC I was hoping that things would go painlessly. Not so...

When I borrowed my friends ipad and looked the page took an absolute age to load. And sometimes it wouldn't load at all. After checking other websites etc I'm sure it's not the connection. I have some Javascript I had never used before, could this be causing the problem? Sometimes it looks like it's taking a long time loading the FB, google and twitter buttons. Do they cause problems on iphones and ipads?

Unfortunately my problem is made worse because I can't easily get my hands on an ianything as I don't own one myself and all the emulators/simulators I've found don't appear to be 100% authentic. So it'd even be useful if someone could tell me if they have problems too.

Can anyone help me out?
the site's at www.traditionalirishgifts.com

I'd appreciate it :)
Eric!
DevNet Resident
Posts: 1146
Joined: Sun Jun 14, 2009 3:13 pm

Re: Problems with the ipad/iphone and my new website

Post by Eric! »

I don't have any of those devices either. I don't have much time right now so I didn't look closely into the page, but I saw some odd things that might confuse a browser a little.

[text]<fb:like href="http://www.traditionalirishgifts.com" send="false" layout="button_count" width="450" show_faces="false"></fb:like>[/text]

and the other buttons
[text] <div class="g-plusone" data-size="medium" data-annotation="none"></div>
<div class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en" data-count="none"></a></div>
[/text]

Have non standard attributes.

Also you have a lot of style sheets and they have a lot of comments in them. You could compress them.
barricades
Forum Newbie
Posts: 15
Joined: Tue Apr 19, 2011 7:49 am

Re: Problems with the ipad/iphone and my new website

Post by barricades »

The FB/google code is straight off their site. I've read that although they don't pass the w3c validation test they aren't anything to worry about. Would you disagree with this?

I appreciate you looking at the site for me by the way :)
Eric!
DevNet Resident
Posts: 1146
Joined: Sun Jun 14, 2009 3:13 pm

Re: Problems with the ipad/iphone and my new website

Post by Eric! »

I'm curious about this problem. I wish I had more time to look at this because I'm doing some stuff for mobile devices (but I don't have any to test with right now). However, if ipad/iphone is having trouble with that button, it could be browser related. I didn't wade through the JS to see what was going on with your buttons. Perhaps on those browsers all the images are pre-loading (there are a lot of images) before starting the javascript and that is making the page seem to run slowly. Hard to say. Most of this is just some guesses at what you could try.

Instead of fb:like, I believe you should be able to do (you'll probably need to modify your CSS too):
[text]<div class="fb-like" data-href="http://www.traditionalirishgifts.com"></div>[/text]

Also I forgot to mention that you do have some <script> stuff in the <body> rather than in the head section. You also might want to change your doctype to html since you're using some data-parameter attributes.

As an aside...I don't know if you've reviewed the site yet, but while testing your menu buttons I saw "Brooches" should be "Broaches". "View the Range" is kind of a weird name for a button.
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

Re: Problems with the ipad/iphone and my new website

Post by califdon »

Actually, I believe "brooches" is correct. At least in U.S. usage. There are 2 different words, with different meanings. The jewelry is spelled "brooch".
barricades
Forum Newbie
Posts: 15
Joined: Tue Apr 19, 2011 7:49 am

Re: Problems with the ipad/iphone and my new website

Post by barricades »

Hi Eric and Califdon.

Thanks for looking at the site. and thanks for the tips about the FB button Eric. I use Brooches and Broach in different bits through the site just to cover all bases.

Why do you think view the range is a weird name? That button is supposed to be so you can view all the products in whichever top category is currently being displayed. What would be better?
Eric!
DevNet Resident
Posts: 1146
Joined: Sun Jun 14, 2009 3:13 pm

Re: Problems with the ipad/iphone and my new website

Post by Eric! »

It's personal taste really. When I see show all ranges, I think stoves? mountain ranges? Perhaps "More related products" or "See similar products"?

You'll probably need to get an ipad/iphone to experiment properly with your markup. But let us know if you find a solution.
Post Reply