| View previous topic :: View next topic |
| Author |
Message |
mbernard
Smarty Rookie
Joined: 08 Aug 2011
Posts: 6
|
 Posted: Sat Dec 31, 2011 9:38 pm Post subject: slow image loads |
 |
|
I'm trying to figure out why my site pages load thumbnail images so slowly. I installed an update to my site's application. The major change to this version is the Smarty Template Engine implementation. (Ioncube was also implemented.)
Take a look at my site: http://www.incolorphotos.com and you can see how slowly the pages/thumbs load. Just click through the categories on the left.
Take a look at this site: http://www.photogain.com/stock which is running the same application but 1 version previous. (same version when I had no problems)
The slow loads started when I upgraded to the app utilizing the Smarty engine.
Any thoughts on where I could look?
Could this be an improper Smarty setting somewhere?
Any help or guidance would be appreciated. |
|
| Back to top |
|
U.Tews
Administrator
Joined: 22 Nov 2006
Posts: 5068
Location: Hamburg / Germany
|
| Posted: Sun Jan 01, 2012 1:44 am Post subject: |
|
|
The images are loaded by the browser, so Smarty is not involved in it.
I saw that the jpg files of the tumbs on your new site have 3 times the size as on the old. |
|
| Back to top |
|
bsmither
Smarty Elite
Joined: 20 Dec 2011
Posts: 322
Location: West Coast
|
| Posted: Sun Jan 01, 2012 5:53 am Post subject: |
|
|
What were the minor changes?
Do you have any processing you do to decode the image filename, like what seems to be that all the thumbs are in the docroot directory?
<img src="flagstone_pattern_jpg9513.jpg" />
Do you have to pull the binary image data out of a database?
There are a couple of 8K images that takes about .75 seconds of just waiting for the image to arrive.
What's the loading on the server that your site is on? |
|
| Back to top |
|
mbernard
Smarty Rookie
Joined: 08 Aug 2011
Posts: 6
|
| Posted: Mon Jan 02, 2012 5:59 pm Post subject: |
|
|
| U.Tews wrote: | The images are loaded by the browser, so Smarty is not involved in it.
I saw that the jpg files of the tumbs on your new site have 3 times the size as on the old. |
So it sounds like something before the images get loaded that's causing the slow down.
The thumbs on my site (In Color Photos) have always been that size. On the previous version they were as fast as the other sample site. (The other sample site is not mine. I used it to show the app version differences.) |
|
| Back to top |
|
mbernard
Smarty Rookie
Joined: 08 Aug 2011
Posts: 6
|
| Posted: Mon Jan 02, 2012 6:14 pm Post subject: |
|
|
| bsmither wrote: | What were the minor changes?
Do you have any processing you do to decode the image filename, like what seems to be that all the thumbs are in the docroot directory?
<img src="flagstone_pattern_jpg9513.jpg" />
Do you have to pull the binary image data out of a database?
There are a couple of 8K images that takes about .75 seconds of just waiting for the image to arrive.
What's the loading on the server that your site is on? |
Here are the two major changes as reported from the app designer:
-Major update on the styles system to now include and use the smarty template engine system.
-All new cache system using the smarty template system. (I thought this might be the issue.)
There is an option for Search Engine Optimization that names. I think this is pulling the image data out of the DB. However, if I turn this off the thumbs load the same way.
"What's the loading on the server that your site is on?" I don't understand the question. |
|
| Back to top |
|
rodneyrehm
Administrator
Joined: 30 Mar 2007
Posts: 674
Location: Germany, border to Switzerland
|
| Posted: Mon Jan 02, 2012 6:36 pm Post subject: |
|
|
Your developer(s) obviously have never heard of WPO (Website Performance Optimization). They're basically doing wrong what can be done wrong. Closing connections, ignoring headers, not spriting images or inlining them into the CSS, avoiding gzip, making 404 requests, …
Have a look at the results of WebPagetest and Google Page Speed. Those pages pretty much explain what your developers should look into.
Smarty generates your site's HTML. It does not manage / handle images. Whatever is slowing down your business, is not Smarty's fault.
The only thing that smarty *might* be doing, is examining your image's sizes. That happens when using the {html_image} function (or some custom plugin, for that matter). But that's it.
If you're devs want to avoid learning the basic fundamentals of the web, they might want to look into tools like CSS-JS-Booster. I'm using that sucker in most my newer projects. (Have your devs look into "Connection: keep-alive"!)
_________________
Twitter |
|
| Back to top |
|
mbernard
Smarty Rookie
Joined: 08 Aug 2011
Posts: 6
|
| Posted: Mon Jan 02, 2012 7:05 pm Post subject: |
|
|
| rodneyrehm wrote: | Your developer(s) obviously have never heard of WPO (Website Performance Optimization). They're basically doing wrong what can be done wrong. Closing connections, ignoring headers, not spriting images or inlining them into the CSS, avoiding gzip, making 404 requests, …
Have a look at the results of WebPagetest and Google Page Speed. Those pages pretty much explain what your developers should look into.
Smarty generates your site's HTML. It does not manage / handle images. Whatever is slowing down your business, is not Smarty's fault.
The only thing that smarty *might* be doing, is examining your image's sizes. That happens when using the {html_image} function (or some custom plugin, for that matter). But that's it.
If you're devs want to avoid learning the basic fundamentals of the web, they might want to look into tools like CSS-JS-Booster. I'm using that sucker in most my newer projects. (Have your devs look into "Connection: keep-alive"!) |
I see the issues in the Google test but the thing that perplexes me is going back to the two samples I posted above. The two sample have the same poor scores in the Google test but the previous version app still loads the thumbs faster.
I just need to find a developer that can troubleshoot and fix the slow loading thumbs problem. |
|
| Back to top |
|
U.Tews
Administrator
Joined: 22 Nov 2006
Posts: 5068
Location: Hamburg / Germany
|
| Posted: Mon Jan 02, 2012 7:49 pm Post subject: |
|
|
| Again: The JPG files of the thumbs at your new site are 3 times larger and needs because of this longer time to load. Looks like that the images have been created with a different resolution. |
|
| Back to top |
|
mbernard
Smarty Rookie
Joined: 08 Aug 2011
Posts: 6
|
| Posted: Mon Jan 02, 2012 7:54 pm Post subject: |
|
|
| U.Tews wrote: | | Again: The JPG files of the thumbs at your new site are 3 times larger and needs because of this longer time to load. Looks like that the images have been created with a different resolution. |
I saw that. I've since turned on compression that has helped with the file size but had no effect on the page/thumbs loading. |
|
| Back to top |
|
|
