Template Load time
-
-
- kyliestephens
- Newbie
- Posts: 19
- Thanks: 0
-
Hi,
A few weeks ago i uploaded the crystalline template onto my Joomla website. I'm new to web site design so its taken me a while to get use to everything.
today i have been using Google chrome, explorer and firefox entering my website and seeing how it loads.
Something strange is happening, when i put in my web address http://www.lawn-ranger.com.au it loads but for a few seconds i see the defult theme then my banner appears and the page eventually looks the way it should but the first few seconds of it loading why am i seeing an underlying template or colors? Did i do something wrong and can i fix this?
Any advice would be great.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
1. you seem to be loading some pretty chunky image files that could be optimised to be smaller file size.
2. you don't seem to be using any form of compression (rokbooster, gzip)? btw rokbooster will need tuning to your environment - we can't do this for you..
3. are you using page cache plugin? is it enabled?
4. your server seems to be really slow at serving the image files.... This is usually a symptom of "cheap" hosting on shared servers?
Pages will only look correct when all the CSS has loaded - addressing the things that slow this down will make it less noticeable.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- kyliestephens
- Newbie
- Posts: 19
- Thanks: 0
-
Hi there, as mentioned i am so green to all this so i dont understand the points you explained.
Ive googled all your points, first i installed a extension called cache cleaner by NoNumber (found in the jooma extension directory) i clicked clean cache but now getting a line accross my website saying Undefined property: JSite::$registeredurlparams in /home/lala4396/public_html/libraries/joomla/cache/cache.php on line 639
Ive emailed the plugin maker (NoNumber) to ask how to fix this.
Interested in this rokbooster, is it just another extension i install on joomla? Is there a manual on how to use it?
What do you mean by chunky image files? Which images? Any photos i put on our site i custom the size and always 72dpi
Sorry if this all sounds very dumb, i;m green and have had allot of problems which ive overcome with the site but this is really bothering me (the green panel that loads before my site)
thanks
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
rokbooster -
http://www.rockettheme.com/extensions-joomla/rokbooster
Don't be surprised of it breaks your site at first - you will need to tune it up and add exclusions to it.
What sort of caching are you using ? don't use "progressive" use "conservative" and "progressive always breaks things".
Why do you need cache cleaner? site > maintenance > clear cache. You only need "cache cleaner" if you want to clear cache from front-end or have the convenience of a button in the admin backend?
As an example http://www.lawn-ranger.com.au/images/Nautical%20Supplies.jpg is 239KB on your site (just click on the link and see how slowly you server provides it). I downloaded, optimised it, and resaved the image (attached) and it went down to 64KB without any noticeable loss of quality.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- kyliestephens
- Newbie
- Posts: 19
- Thanks: 0
-
Managed to clear it on my own i also ran a page rank test and got a low 44 out of 100 so i'll speak to my server host about the problem as it seems this is where it's an issue.
Thanks
-
-
-
- kyliestephens
- Newbie
- Posts: 19
- Thanks: 0
-
Thanks MrT,
Gosh i wish i had your knowledge
When you say optimize the photo, how are you doing this?
I use photoshop for all my images, would i lower the quality before saving, is this what you mean?
I'm on chat atm to net registry about the server as i am on shared they are currently telling me it loads fine.
Cheers for your help
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
photoshop > save for web drop quality to "high" that's it.
Tell them to use that direct link to the image - look how long it takes to load that little image! 2 seconds for 239KB!
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- kyliestephens
- Newbie
- Posts: 19
- Thanks: 0
-
Ive just added a extensioned called JCH Optimize, if i use firefox the site loads with no green flash up the top.
Google chrome i still see the green up the stop for a second same with explorer.
Do you think my header image (the grass) is the problem (the green that pops up before my site loads?)
Cheers for the help on photos will start making sure they are smaller
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- If you cannot afford Photoshop then you can use GIMP for example: www.gimp.org/screenshots/
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13482
- Web Designer/Developer
-
Do not use JCHOptimise - it wrecks more sites that it helps... I've seen this so many times!
No, I think your problems are a really, really, slow server.
You have left a lot of other images and overlay in places and stacked a load more over the top...
try this too...
that will get rid of the green before your image get put on the top. But this doesn't fix your sloooooooow server.div#rt-main-header { background-color: transparent; }
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.050 seconds