How to decrease the size of a page
Autor: Fatih A.
Visited 1402,
Followers 1,
Udostępniony 0
Hi,
Thank you all in advance for any probable help.
I am having a problem with the size of two of my product pages. I have seven product pages in total. others are ok, but I have to add approx 50 product catalogs on two of the pages each. I have added only one picture (the size of each pic has been reduced to approx 40 kb in photoshop) in each of these product catalogs and a link that leads to another detailed product page. Once I check my project at step 5, I get a caution saying that these two pages are too big. Basically, each of these pages should be a maximum of 2 Mb since they have 50 catalogs that contain 50 pics in 40 kb, and links. Why do I get this caution, and what the size of a single page should be?
All the best,
Posted on the
Is the page published to see this?
Why do you need 50 x the product catalog object, what doesn’t work with fewer objects but several products per object?
We have pages with, for example, 14 objects PRODUCT catalog and approx. 40 other objects and a total of over 100 PRODUCTS without size warning, sometimes with several images per product!
https://www.plocher-produkte.ch/alle-plocher-produkte.php
JJ.
Hello.The size of the site page consists not only of pictures but also of scripts, styles, HTML code. Give a link to the site page.
You can try using lazy loading and other optimization methodshttps://magazin.aleksius.com/en/blog/31-website-x5-speed-optimization But for this you need a PageSpeed Module on the hosting.
Autor
Hi Aleksej,
Thank you for the help. I will do your suggestions. Do you have an idea how can I see the actual weight of a specific page in the program? Also, do you think 3 or 4 mb single page is ok to publish?
Autor
Hi JJ. Juag,
Thank you for the help.
I did not publish the site yet. I am still working on it.
Actually, i don't need the product catalog since my site is not e-commerce site. But, it is much easier to use this object. I have a total of 186 different products to show in my website. My logic to create my product pages was as following,
Step-1
I have classified my 186 products in 7 catagories. Unfortunately, total of 106 items have to be classified under two of these catagories, and i am having problem with this two.
Step-2
I created a main product page in the navigation menu. I added a total of seven pics and titles for my seven catagories. Each pic and title has a link to the main catagory pages.
Step-3
I created 7 different pages for each catagory. Then I added a product catalog object for each product. 5 of these catagory pages have 10-15 product catagory objects each and they are ok. 2 of the pages have 53 objects each. Each of 53 object in a single page basically includes only one small sized picture, a tittle, and link. Program says that these two pages are too heavy. I could make these pages by adding simple pictures but usung product catalog is much easier.
Step-4
I created 186 different detailed product pages. Each page belongs to a single product and includes a detailed description, several large images, property tables etc. Each of these pages is reached via a link from the product catalogs that I explained in step 3.
Thanks for your kind help, and spending your time to read this long text.
Hello Fatih
Unfortunately, I fail to understand the issue correctly.
The only question I have is why you're using one Product Catalog Object per product? The Object is made so that you can display multiple products without having to configure each look individually effortlessly. It seems to me that if you use one Object per product, you're increasing the amount of work you need to do dramatically
Why can you not use a single Product Catalog Object to display all of the products?
Keep me posted here
Thank you
Stefano
Autor
Hello Stefano,
Thanks yo for your help. It really helped me.
I don't know what made me think to add different catalog objects for each product, but once I deleted all the catalogs and collected all relevant products in one catalog object, my problem has been solved. It is obvious that so many catalog objects caused my page to be too heavy. I appreciate your help. Thank you.
"Do you have an idea how can I see the actual weight of a specific page in the program?" - try this https://www.seoptimer.com/web-page-size-check or this (these are developer tools in google chrome):
"Also, do you think 3 or 4 mb single page is ok to publish?" - I think this is not too bad. At least on my website I see no problems in Google Search Console.