Web optimisation
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
The one I use for checking image sizes and other file sizes for a page at a glance is
Web Developer Toolbar
for Firefox. Once you install the tool bar, click "Information" and then "View Document Size" and it will give you lots of info and then also check the "Tools" item and use the "Validate CSS" and "Validate HTML".
The templates here at RocketTheme are all valid for css and html so this helps you find errors in anything you may have added, like extensions.
Another great thing to try is use RocketTheme extensions first before you try others. I know it sounds like a sales pitch, but these are tested with rockettheme templates and they all use MooTools for their java library so you load less javascript and everything plays nicer.
-
-
-
- Penn Wooding
- Elite Rocketeer
- Posts: 873
- Thanks: 0
- I program such as Photoshop is absolutely is invaluable, in fact essential when creating websites that contain images. If I have various images on the page, I try and reduce the file size as much as possible without losing quality. If you want that quite a few images on the page, there are various extensions that create pop-ups for you and sometimes reduce the file size automatically.
- http://www.Oscarfishlover.com - the website for great Oscar Fish advice and help
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
Penn Wooding wrote:
I program such as Photoshop is absolutely is invaluable, in fact essential when creating websites that contain images. If I have various images on the page, I try and reduce the file size as much as possible without losing quality. If you want that quite a few images on the page, there are various extensions that create pop-ups for you and sometimes reduce the file size automatically.
Photoshop and its plug-ins are crap for that. I advice you to use ACDSee Pro instead. It is more convenient to use
If you are using Windows that is.
- 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
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
-
-
- dewongrass
- Jr. Rocketeer
- Posts: 28
- Thanks: 0
-
JEM wrote:
Ben will be back I'm sure but I think it's his nap time....
He may be using some different tools (which I'd love to know about) but many of us use FireFox, FireBug, and YSlow, a plugin for Firebug.
Firebug is a web developers best friend. It is a powerful addon for the popular browser Firefox. It allows you to inspect any element on a page and edit it...live. This proves to be a powerful feature when debugging a site or even adding new elements, without the laborious task of change, save, refresh.
Hi Jem,
Yup firebug is really quite useful but i would like to ask you something. I wonder if firebug can inspect a css element like how a cssedit is able to do it. In particularly, i am referring to the x-ray function that show you the css class etc.
I tried with firebug but it doesnt seem to be able to do that... do you know anything about this?
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
Not sure what CSS features you're referring to exactly as FireBug shows a good bit and even gives the correct CSS code it you're making live edits.
Check James' Tutorials and they might help you find just what you need:
http://www.rockettheme.com/blog/coding/255-tools-firebug
-
-
-
- dewongrass
- Jr. Rocketeer
- Posts: 28
- Thanks: 0
-
Yeah its a real good tool, thanks for the recommendations
one more thing ben, when i used firebug, it gave some suggestions on making the pages load faster. It talks about combining css scripts, javascripts etc.
Does that mean to copy and paste all the css styles and put into 1 css stylesheet? and do the same for javascripts as well? ROcketheme templates usually have css stylesheets divided into a few such as typography, template css, or even the style selected eg style1 etc.
If i were to combine what other changes i have to make cos i think they are all linked right?
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
RokGZipper
use this unless you really know what you are doing and can sort through it on your own. This doesn't just combine things, but it compresses things too which makes it even faster than just combining them.
Be sure to get your site set up first, then enable this...you don't want to enable this and then try to make a lot of style changes or code changes.
-
-
-
- dewongrass
- Jr. Rocketeer
- Posts: 28
- Thanks: 0
-
Hi Ben i see... but if i am not wrong, joomla itself already has this Gzip compression thingy already right? so how does this Gzipper differs?
In addition i have another question- i used the rocketlauncher to install a completely identical mynxx demo site on my server. When i run Yslow, it already grades the site an 'E' when i haven't install any other third party extensions.
Do you know why is this so? By right, since its a completely 'new' site, it should already be optimised. Right?
-
Time to create page: 0.088 seconds