By Feras Al Kalani on Tuesday, 12 September 2017
Posted in Technical Issues
Replies 15
Likes 0
Views 0.9K
Votes 0
Hello,

Can you help and guide me on how to optimize the images that users upload on my site?, and how to serve scaled images?.
I used the GTmetrix to test my site and the result before uploading photos, the site was fairly good (page speed score = 89, fully loaded time = 3.9, page size = 985 KB)
after uploading some photos the speed significantly go down (check the attached).

Thanks and best regards.
Feras
May i know do you have disable something on your site? Because it seems that pagespeed score got around 81% you can check my attached first screenshot below.

But I realised when the page load, some of the image unable to load on the page, it seems like those image already went missing on your site, you can check my second attached screenshot below.

Perhaps you can delete those image which missing on your site.

How to optimize Easysocial images

I would suggest to use mod_pagespeed to optimise your site image and the rest of the CSS/ Javascript.

Perhaps you can consult with your webhosting provider whether they can help you setup this mod_pagespeed on your server.

You can refer on this reference link : http://blog.teamtreehouse.com/automating-web-performance-best-practices-mod_pagespeed
·
Tuesday, 12 September 2017 18:16
·
0 Likes
·
0 Votes
·
0 Comments
·
I just come the forum and see this issue and I don't know about my site too... Could you look at my site, it is good or bad..
thank
·
Tuesday, 12 September 2017 23:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Saovry,

I personally prefer to use Firefox's built-in "network" panel rather than relying on GTMetrix but if you should try it on https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fseekkhmer.com%2F&tab=desktop

Most of the issue on your site could be easily fixed if you add gzip compression to your entire site in the .htaccess file,

[gist]
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript
[/gist]

Though, looking at your current site, if you own the server then consider installing mod_pagespeed from Google. We use mod_pagespeed on our stackideas.com site too

You can learn more about pagespeed at https://developers.google.com/speed/pagespeed/module/
·
Tuesday, 12 September 2017 23:32
·
0 Likes
·
0 Votes
·
0 Comments
·
yes, I have my own server, it is VPS..
I need to put this code on the top or which line in .htaccess... And should I go to Joomla -->server-->Gzip page compression and enable it or not?

code is in htaccess.....

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript
##
# @package Joomla
# @copyright Copyright (C) 2005 - 2017 Open Source Matters. All rights reserved.
# @license GNU General Public License version 2 or later; see LICENSE.txt
##

##
# READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE!

Hi Mark,
Could you install mod_pagespeed on my server? I give my everything about my server at Site Detail...
Thank you...
·
Tuesday, 12 September 2017 23:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Arlex,

I created an album on the front end and then i deleted the album from the back end, now I don't know how to remove those photos? I couldn't find them on the site!!? (the path to the mentioned folders are not available)...!!!!

for mod_pagespeed you are suggesting need VPS hosting plan, right now I have baby plan with HosGator which is not working with mod_pagespeed to optimize site image.
now I'm using JCHoptimize Pro. so your advice will highly appreciated.


Best regards.
Feras
·
Wednesday, 13 September 2017 00:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Saovry,

yes, I have my own server, it is VPS..
I need to put this code on the top or which line in .htaccess... And should I go to Joomla -->server-->Gzip page compression and enable it or not?

code is in htaccess.....

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript
##
# @package Joomla
# @copyright Copyright (C) 2005 - 2017 Open Source Matters. All rights reserved.
# @license GNU General Public License version 2 or later; see LICENSE.txt
##

##
# READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE!

Hi Mark,
Could you install mod_pagespeed on my server? I give my everything about my server at Site Detail...

I am really sorry but unfortunately we cannot accommodate your request currently as it is beyond our support scope's policy as outlined in http://stackideas.com/support

Having said that, if you require us to perform installation for mod_pagespeed for you, you can always request for a quote from us at https://crm.stackideas.com and select "Customizations" . Our sales person would be glad to send you a quote for the customizations that you have requested.

Regarding with some of your earlier question, you can put what Mark suggested that code at the bottom of the code, you can check my screenshot here : http://take.ms/imkV4
And you have to enabled 'Gzip page compression' setting from backend global configuration page as well.
·
Wednesday, 13 September 2017 12:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Feras,

I created an album on the front end and then i deleted the album from the back end, now I don't know how to remove those photos? I couldn't find them on the site!!? (the path to the mentioned folders are not available)...!!!!

I already removed those album which missing those image from your backend, it shouldn't load these missing image on your site now, you can refer on my attached screenshot below which album i deleted.

for mod_pagespeed you are suggesting need VPS hosting plan, right now I have baby plan with HosGator which is not working with mod_pagespeed to optimize site image.
now I'm using JCHoptimize Pro. so your advice will highly appreciated.

It seems the rate not bad, you can access following link, this is how Google evaluate your current site pagespeed.
[gist type="php"]
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fadkakin.com%2F&tab=desktop
[/gist]
·
Wednesday, 13 September 2017 12:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

I appreciate your help Thanks.
·
Wednesday, 13 September 2017 21:15
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome Feras
·
Wednesday, 13 September 2017 22:17
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post