[Pro] Tips on speeding up site loading

Hi

Advise required on how to speed up the loading of the following site.
I’ve down saved the images, are they still to big, need to keep a nice quality.

Regards
Mike


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 21 Jul 2011, at 21:57, Mike Thornley wrote:

Advise required on how to speed up the loading of the following site.

The images are PNGs and are 500-600Kb apiece, which is way over the top for the web. Make them JPGs instead, and you’ll reduce the size by anything up to a factor of ten with no loss of quality. There’s no reason for them to be PNGs that I can see?

best wishes,

Paul Bradforth

Buy my eBooks at:
http://www.paulbradforth.com/books/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Big images always means bigger files. As part of the design process think about how to reduce the image sizes (physical image area) you use then play around with files types and settings. Google does reward a slim site in the search engines albeit slightly.

David

On 21 Jul 2011, at 21:57, “Mike Thornley” email@hidden wrote:

Hi

Advise required on how to speed up the loading of the following site.
I’ve down saved the images, are they still to big, need to keep a nice quality.

www.astonparkfisheries.co.uk

Regards
Mike


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve down saved the images, are they still to big, need to keep a nice quality.

You can reduce these images loads more and still retain good quality.

I think I mentioned the size of your bg image to you in a previous thread and the same principle applies to your slideshow images.

And Paul’s suggestion to use jpegs will help drastically!

Your overall page size is nearly 8Mb - that is huge.

I should also mention that you should give your pictures proper names - at the moment dsc0006.png is meaningless as FW converts your file names into the Alt text which should be a description of the image to help you gain SEO brownie points.

If you dont want to change the file names then at least add in the Alt text yourself.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi All

The reason I have the images in the slide show as png’s is to keep the round corners

If I turn to jpegs I have white in fills where the corner should be.

So any way around this, in Freeway with resorting to loads of photoshop work.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think you have to consider what is more important

People leaving the site because it takes too long to load

or

Design change/photo optimisation - I dont think that it can be done in FW alone.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Decided to go for square corners and faster loading.

Where do you view the sites size, I now have most of the large images down to 250k. Is this a more reasonable size.

Also adding alt tags to all images.

Thanks all for the input.

Mike


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Mike,
You are getting there. Download ImageOptim (http://imageoptim.pornel.net/) and run your jpegs through the software. I managed to compress one of your 400K images down to just 150K.

Safari’s web inspector (http://www.softpress.com/kb/questions/242/Taking+a+closer+look+at+your+web+site+with+Safari’s+Web+inspector) is a great way to guage how large your site is getting and offers a number of tools for keeping tabs on file sizes.
Regards,
Tim.

On 22 Jul 2011, at 18:09, Mike Thornley wrote:

Where do you view the sites size, I now have most of the large images down to 250k. Is this a more reasonable size.

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Also if you open your images in Preview and do a Save As (this would give you the chance to change the file names (eg man_fishing_from_bank.jpg)

If you then look in the bottom of the window you will see the File Type selector, the Quality slider and the finished file size.

Adjusting the Quality slider will affect the file size. And as Tim suggests you can get down to 130-150K without much problem - more if you dont mind a compromise on quality.

Try a few and view in your browser to check the quality.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Re: Tim. I just used imageoptim which is a great prog and it shaved off 100% off my png files. I got it to replace the files in the Media folder without doing a backup (though I kept originals on external drive for safety)

Sadly Freeway did not recognise the amended png Media images when I tried to publish and put my FWsite in a browser. I had to go to resources and sort it out there …

al


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I meant shaved off 10% off my png files … but by amending them it meant anything in my archives rejected the files so if I looked up an archived folder version of my site it had issues


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options