By Jason Wells on Wednesday, 12 December 2018
Posted in Technical Issues
Replies 1
Likes 0
Views 836
Votes 0
I have been trying to improve my page speed and one of the recommendations is the following.

https://www.riskoracle.com/media/com_easysocial/avatars/text/user/52c5706bc98f911ffbc794f5ffab068d.png is resized in HTML or CSS from 180x180 to 32x32. Serving a scaled image could save 1.2KiB (96% reduction).

https://www.riskoracle.com/media/com_easysocial/avatars/text/user/5b79c40fa7c2bd12dd2df53c4a2b6836.png is resized in HTML or CSS from 200x200 to 32x32. Serving a scaled image could save 211B (97% reduction).

I would also think that the correct scaling of avatars would be standard in a release?

On my YSlow result I also have:

Misconfigured ETags (https://gtmetrix.com/configure-entity-tags-etags.html)

https://www.riskoracle.com/media/com_easysocial/images/lightbox/close.png
https://www.riskoracle.com/media/com_easysocial/images/lightbox/loading.gif
https://www.riskoracle.com/media/com_easysocial/images/lightbox/prev.png
https://www.riskoracle.com/media/com_easysocial/images/lightbox/next.png
https://www.riskoracle.com/images/backtotop.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/0a5a4d7386065c6c6ac19c303768c7e1.png
https://www.riskoracle.com/media/com_easysocial/avatars/users/809/75bf75138351a6abe95d91fed7b0f3ae_medium.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/users/982/c07cf988debfedf156e3e2bd836edc64_medium.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/52c5706bc98f911ffbc794f5ffab068d.png
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/5b79c40fa7c2bd12dd2df53c4a2b6836.png
https://www.riskoracle.com/media/com_easysocial/avatars/users/776/1f0a70873b48b7b89c53bf35fe8f77cb_medium.jpg

There are 15 components that are not cookie-free
(https://gtmetrix.com/use-cookie-free-domains.html)

https://www.riskoracle.com/images/logo2.jpg
https://www.riskoracle.com/media/plg_jchoptimize/cache/js/e31b0f386bffbda4d56d8d379263be48_0.js
https://www.riskoracle.com/media/com_easysocial/images/lightbox/close.png
https://www.riskoracle.com/media/com_easysocial/images/lightbox/loading.gif
https://www.riskoracle.com/media/com_easysocial/images/lightbox/prev.png
https://www.riskoracle.com/media/com_easysocial/images/lightbox/next.png
https://www.riskoracle.com/media/com_easyblog/scripts/vendors/ui/position.min.js
https://www.riskoracle.com/images/backtotop.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/0a5a4d7386065c6c6ac19c303768c7e1.png
https://www.riskoracle.com/media/com_easysocial/avatars/users/809/75bf75138351a6abe95d91fed7b0f3ae_medium.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/users/982/c07cf988debfedf156e3e2bd836edc64_medium.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/52c5706bc98f911ffbc794f5ffab068d.png
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/5b79c40fa7c2bd12dd2df53c4a2b6836.png
https://www.riskoracle.com/media/com_easysocial/avatars/users/776/1f0a70873b48b7b89c53bf35fe8f77cb_medium.jpg
https://www.riskoracle.com/media/plg_jchoptimize/cache/css/60ddab17cfa06e01ac45e5849d3c168d_0.css


There are 20 static components without a far-future expiration date.
(https://gtmetrix.com/add-expires-headers.html)

https://www.riskoracle.com/images/logo2.jpg
https://www.google-analytics.com/analytics.js
https://www.riskoracle.com/media/plg_jchoptimize/cache/js/8542627004a24980c6a054022c8c14d2_0.js
https://www.riskoracle.com/media/com_easysocial/images/lightbox/close.png
https://www.riskoracle.com/media/com_easysocial/images/lightbox/loading.gif
https://www.riskoracle.com/media/com_easysocial/images/lightbox/prev.png
https://www.riskoracle.com/media/com_easysocial/images/lightbox/next.png
https://www.googletagmanager.com/gtm.js?id=GTM-MXT2X83
https://www.riskoracle.com/media/com_easyblog/scripts/vendors/ui/position.min.js
https://adservice.google.com.ph/adsid/integrator.js?domain=www.riskoracle.com
https://adservice.google.com/adsid/integrator.js?domain=www.riskoracle.com
https://pagead2.googlesyndication.com/pub-config/r20160913/ca-pub-3673427069607864.js
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/0a5a4d7386065c6c6ac19c303768c7e1.png
https://www.riskoracle.com/media/com_easysocial/avatars/users/809/75bf75138351a6abe95d91fed7b0f3ae_medium.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/users/982/c07cf988debfedf156e3e2bd836edc64_medium.jpg
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/52c5706bc98f911ffbc794f5ffab068d.png
https://www.riskoracle.com/media/com_easysocial/avatars/text/user/5b79c40fa7c2bd12dd2df53c4a2b6836.png
https://www.riskoracle.com/media/com_easysocial/avatars/users/776/1f0a70873b48b7b89c53bf35fe8f77cb_medium.jpg
https://www.riskoracle.com/images/backtotop.jpg
https://www.riskoracle.com/media/plg_jchoptimize/cache/css/b33b959fa06c65f6e0dbbb21ac3615ba_0.css

Some are not Stack related but how can I do this in Easy Social?

Thanks a lot.
Hi Jason,

Regarding the user text avatar image, currently there is no option to configure to use 32x32 dimension. What you can do is to modify this file 'JOOMLA/administrator/components/com_easysocial/includes/textavatar/textavatar.php' and change the text avatar size at line 74:


$image = imagecreatetruecolor(SOCIAL_AVATAR_SQUARE_LARGE_WIDTH, SOCIAL_AVATAR_SQUARE_LARGE_WIDTH);


To:


$image = imagecreatetruecolor(SOCIAL_AVATAR_SMALL_WIDTH, SOCIAL_AVATAR_SMALL_HEIGHT);


Remember to backup the original file before you modify to use small size dimension.
Anyway, have you consider to use pagespeed to compress the images so that the image load time will be faster?

As for the ETag issue and the cookie-free issues, its more on how you configure your server to serve the static content. For cookie-free, you can try with CDN or any similar service provider so that your images are serve from these cookie-free server.

Please advise.

Hope this help and have a nice day
Sam
·
Wednesday, 12 December 2018 12:24
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post