News:

Looking for documentation? Take a look on our wiki

Main Menu

Optimized images categories

Started by lgiulio, April 27, 2017, 10:01:35 AM

Previous topic - Next topic

lgiulio

PHP : 7.0.18
joomla : 3.6.5
Virtuemart: 3.2.1

Hello,


I have a problem with image optimizations.

I've optimized it to the maximum in png using all available online services.

Using the pagespeed  tools or gtmetrix , my desktop always suggests optimizing.

Did anyone have the same problem?

My site is www.passionepuglia.it

Thank you

GJC Web Design

This has nothing to do with Virtuemart

Photoshop (other equivalent products are available) will do a far better job than any freebie software
Having said that Gspeed sometimes has unrealistic expectations for image sizes.. how could it accurately judge?

Is png anyway the right format for your images?  Normally for photographic images jpg is used
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

jenkinhill

Good advice from GJC
I just took one of your category product png images, file size 69Kb and converted it to jpg in Photoshop, and now it is 5Kb.  Top image is png, bottom, jpg.


Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Ghost

You shouldn't use PNG unless you have transparent images. JPG is much smaller. Your resized (by VM) category images are larger (by dimensions) than your original images. Maybe disable resizing here and use original images instead.

If you know PHP, you can try hacking Img2Thumb class of VM. Maybe possible to implement compression here.

Studio 42

Some tool are simple dumb.
Your google pagespeed result is right.
But i think that in real this is not optimized, because jchoptimize add new file for each page. So if display 100 page, each time the javascript is loaded again.
At end you have a good pagespeed, but a slow loading(because cache is not used for all page).
In my case for your understand.
Pageloading is 1600 ms when you enter the site.
2nd page load is 600ms. Because my site can reload same javascript again.
In your case on each page change loading time is 2000ms and reload javascript.
So what is an optimised page (and not a right pagespeed page) ?
A page that can reuse same code again and again, because this get loaded from browser cache and not from your website.
So stop to check with all tools as GTmetrix or pagespeed, this tool have no logic.
Eg. google check image size but only for 2 case : desktop and mobile at a certain size.
So optimizing image is not really right or you defer all image load using a javscript.
If you defer image loading your customer have to wait for this image and is not optimised for users.
I can give you other examples, but on testing on different tools, you get different result, because they use different algorithm.