How to reduce size of webpage

Actually i want the sites responsive totlay and mobile friendly.The websites are vedicastrologymagic.com/free-astrology.html
astrologerhome.com/free-astrology.html
I want to reduce the size of my websites . I need suggestion that how i can improve these websites look and reduce size must. Website are slow to open. Check any error in these websites. I need it friendly.

Welcome to the forums, @rvsharma.

I’ve temporarily unlisted your topic because your questions are really much too broad and open-ended for a forum discussion. It gives the impression that you’re trying to advertise the sites, rather than seeking genuine assistance. Both the sites already seem to be responsive, so it is not at all clear what help you require here.

If you have genuine technical questions, then please explain them in more detail.

If you are seeking reviews of the sites, then please read the FAQs section on review requests and post a new topic for each site, following the guidelines there.

no @TechnoBear TechnoBear the size of pages is heavy. i do responsive to check the bootstrap. but i m not able to reduce its size. i really need help. not do any advertisemnt there.

So your question is simply how to reduce the page size? OK, thank you for clarifying.

yea exactly.

OK, well, a quick look at both links shows you are loading a great many images and scripts.

vedicastrologymagic:

astrologerhome

Try to remove as much of that as possible, and then combine the rest where you can to make fewer server requests. For example, why do you need so many style sheets? Combine your styles into one or two documents, and remove unnecessary declarations. Do you really need all those scripts to load a single page?

Ensure your images have been optimised, and where possible combine images into CSS sprites.

ok i will try this once . but if i make 1 or 2 style sheets . It will be heavy and take time to load css.

Try running your home pages through https://developers.google.com/speed/pagespeed/insights/ and see what suggestions Google offers…

i already try this @Gandalf . but not helpful as much

Not helpful? I just ran your first page through there and it came up with several suggestions that would be a great place to start:

Losslessly compressing http://www.vedicastrologymagic.com/images/resource/slide12.jpg could save 278.1KiB (74% reduction).
Losslessly compressing http://www.vedicastrologymagic.com/images/resource/slide10.jpg could save 275.4KiB (78% reduction).
Compressing and resizing http://www.vedicastrologymagic.com/images/yagya.jpg could save 63.1KiB (88% reduction).
Compressing and resizing http://www.vedicastrologymagic.com/images/peepal.jpg could save 37.7KiB (85% reduction).
Losslessly compressing http://www.vedicastrologymagic.com/images/project.jpg could save 24.3KiB (27% reduction).
Losslessly compressing http://www.vedicastrologymagic.com/images/add-01.jpg could save 22.2KiB (65% reduction).
Losslessly compressing http://www.vedicastrologymagic.com/images/pics/pages/free2.jpg could save 22.1KiB (36% reduction).
Losslessly compressing http://www.vedicastrologymagic.com/images/idol.jpg could save 19.9KiB (31% reduction).
Losslessly compressing http://www.vedicastrologymagic.com/images/leaf.jpg could save 18.9KiB (33% reduction).

1 Like

It will not be any heaver than loading all the same data in several smaller files. Using fewer requests will make it faster.
The chances are that much of the code in the css is not even used in the site and is just wasting space.

I don’t always agree with Page Speed Insights, particularly when it comes to lossless compression. It seems to recommend it to any image that has lossy compression. But the most efficient form of image compression should be decided on a per image basis, depending on the nature of each image.
Generally photo-like images will result in larger file sizes when using lossless compression and are much more efficiently compressed using a lossy file type like jpeg.
Lossless compression like PNG, lends itself better to images with lots of flat colour, like cell shaded cartoons or logo graphics, though I find SVG to be the most efficient for this type of image.

1 Like

I’ve always found tinyjpg.com good at reducing file size without loss of definition - although it could be my eyesight :slight_smile:

I am impressed with AmpProject.org and also the very large number of popular news sites that have adopted the technique.

It is not easy and requires a lot of work but well worth the effort.

As mentioned previously, one of my sites now has a mobile average search page of 5.3 compared to 13.1 for the desktop version.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.