North East SPCA

[bwood]

revamped. Www.northeastspca.org.

I’d like a little more speed in the mobile view. On page speed I’m in the higher amber ranges.

Thanks to Chris, Acorn and Egg. I used a pop up design technique navigation on mobile variant.

Bill

[gwpriester]

Bill - Know that when you post in Web Gallery that the posts are moderated until one of us notices and approves the post. So if there is a delay after you post, that is the reason.

I'm not sure the text rotating into the rectangle is the best animation. It's kind of gimmicky. I would opt for a simple fade. Also there is no mouse-over for the nav buttons. Mouse over lets the visitor know that the buttons are working IMO.

If I lived closer, Johnny would have a forever home. :-)

[bwood]

Thanks Gary. I did wonder about the animation in the text. Thanks. I think I might head for a fade it. For the mobile design I settled on a pop up this time. I am working on rollovers as well, but I’m a touch rusty. I was a little concerned about speed as well.
Page descriptions have helped greatly for search, and best practice I must name the larger images.
The largest placeholder fetch is the animals of course.

Thank You for the suggestions.

[Acorn]

Thanks Gary. I did wonder about the animation in the text. Thanks. I think I might head for a fade it. For the mobile design I settled on a pop up this time. I am working on rollovers as well, but I’m a touch rusty. I was a little concerned about speed as well.
Page descriptions have helped greatly for search, and best practice I must name the larger images.
The largest placeholder fetch is the animals of course.

Thank You for the suggestions.

Bill, even setting it to just animate once will help. You get minimal animation but it still gets spotted.

Acorn

[Egg Bramhill]

On page speed I’m in the higher amber ranges.

Bill, that puzzles me. On both your site above and the museum one your scores appear to be knocked down because of the 'Largest Contentful Paint' namely the puppy photo which is tiny. It's only 11Kb. It could be the distance from UK to Canada but I very much doubt it. Perhaps it's your server provider?

As an example I have set up a test page (Main & Mobile) using your contents of your index page minus a navbar. I've published it, link below.

Using Page Speed Index I get a very high score for this copy of your index page. So it puzzles me why yours is low and has such a delay. 3.7 seconds!

Try my mock of your index page and compare the two on Page Speed Index.

A couple of points that may change the results is my sites have compress text, html, javascript, css, xml: within the global .htaccess page as there is also global text, image compression.

Also look at the number of calls there are for images. These calls can be reduced fairly moderately by combining multiple images into one image. The overall image size wont be reduced but the call on the server is. For example the 3 volunteer images served as 1 and also the 8 sponsors images served as 1. As attached below.

MOCKUP

[Chris M]

From someone who thinks you're both in places too cold to be habitable:
Egg, your site loads instantly, Bill's takes a (maybe) second to load, but I wouldn't notice if I wasn't consciously looking for delays.

[Egg Bramhill]

Cheers & thanks Chris but we're talking about Page Speed Insight ratings here. I can't understand why Bills is so low, there is no need for it to be so.

[bwood]

Thanks Egg. Your mock up scores instantly. My mobile is not into green as yet. As you surmised I’ll check what you mentioned. I’ve added rollovers to the menu now. BUT I do not have all my images named. That may help.
The images are as small as I can get them. If I reduce an indicated image, page insights will tell me that an another image is too large, like a map png. It’s a fine edge.

As well I’ll group and name those volunteer images and name as one.

Rebuilding all of my sites now paying particular attention to mobile. Astounding stats close to 70-80% for surfing on mobile. My rule on mobile now is graphic repeated head (your suggestion) and one pic per page. Also on mobile menu I’m building a menu page. I do like that idea. Looks good too; but I do know the shortcomings.

I do like CSS solutions, but sometimes it clashes with what XARA is for me, a designing tool.