the zaps website ;)

[guest2013-1]

Thanks again for the help guys I have passed your comments onto the web guys.

You should maybe think of getting different web guys...

 

[stix]

// To many CSS files
// To many JS files

And get them to turn on permalinks - will help with SEO

 

[stix]

You should maybe think of getting different web guys...

i lol'd

 

[Necuno]

...stix. your contribution is legendary

 

[Necuno]

i wonder if the devs had managed to overhaul it from bloat to float.

 

[guest2013-1]

Not sure haven't checked again, all I can say is it should literally take them an hour to do.

They just need to go through all the plugins they installed on wordpress, make a concise list of what CSS and JS is needed. Defer the JS not needed to the footer page and the essential ones (which is really just 1 file) to the header.

Then take out the code in the plugins that loads these js/css files.

Sure it's a manual job if you want to update the plugins each time to make sure they don't load crap in your pages. But like I said... different web guys.

Personally, instead of using only that flickr plugin which loads the entire image into a small thumbnail (which is where most your bandwidth dissappears to)... and to cater for the poor saps who have LOCAL ONLY bandwidth (seeing as it's a locally hosted website too). I'd write a small cURL command (or whatever) to get the image from flickr, cache it on my website, RESIZE the thing to thumbnail and THEN display it...

ANYWAY. My ass is sore from this stupid ****ing chair I'm sitting on and I have ton of work to do today. At least it's not 42 like yesterday. Cloudy with a chance of cool wind = nice

 

[Necuno]

ANYWAY. My ass is sore from this stupid ****ing chair I'm sitting on and I have ton of work to do today. At least it's not 42 like yesterday. Cloudy with a chance of cool wind = nice

tell me about it and one can only drink so much coffee.

 

[zagame]

O/T

O/T

thanks for the reference to YSlow, I used it today on my joomla website and got a shock :wtf:

but after spending 4 hours compressing .css, image and js files, adding Expires headers etc. I have it to a Grade C (score 73)

Now to combine the fusking stylesheets and make imagesprites ( tommorow) I hope to improve to a B , there is nothing that I can do about the -
Grade F on Use a Content Delivery Network (CDN) so that will have to fail

some helpfull tips and tools I found in my Joomla optimising mission of the day

in the .htaccess file add the following code sorts out the Expires Headers problem

<IfModule mod_headers.c>
Header unset ETag
Header unset Last-Modified
</IfModule>
FileETag None
<FilesMatch "\.(ico|gz|JPG|jpg|jpeg|png|gif|js|css|swf)$">
Header unset Cache-control
Header set Expires "Mon, 13 Dec 2010 20:00:00 GMT"
</FilesMatch>

in Joomla turn on cache and also for all modules installed

http://jscompress.com/ - compress all jscript
http://www.cssdrive.com/index.php/main/csscompressor/ - compress all .css

for image sprites made easy visit http://spriteme.org/ and follow instructions.

hope this turns out useful to somebody

 

[guest2013-1]

Thanks for the contribution zagame!

 

[zagame]

Thanks for the contribution zagame!

np

since the switch from static html to first mambo and now joomla I am happy to assist in joomla queries

add a .co.za to my nick to test the site yourself ( if interested)

off to combine .css files and since joomla uses a crazy amount it should take awhile

 

[Raithlin]

Yea it's awesome, I usually save a lot just by minifying my JS and my CSS. Sometimes the designer also uses styles and includes unused ones while he designed the stuff reducing that file size considerably. Just wish there was a way to get Page Speed to show you a file without the styles, would make editing one to exclude them much easier

You looking for something like this:

Dust-Me Selectors

Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.

It extracts all the selectors from all the stylesheets on the page you're viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they're encountered.

You can test pages individually, or spider an entire site, and you'll end up with a profile of which selectors are not used anywhere.

 

[guest2013-1]

You looking for something like this:

Dust-Me Selectors

Yes, but it's still a manual job removing those unused css selectors, especially if the designer included thousands of them in one css file.

If Dust-Me had a "this is a revised file of all the css you use" like PageSpeed gives on minified js/css or images, I'd be one happy chappy.

 

[zagame]

Yes, but it's still a manual job removing those unused css selectors, especially if the designer included thousands of them in one css file.

If Dust-Me had a "this is a revised file of all the css you use" like PageSpeed gives on minified js/css or images, I'd be one happy chappy.

some funky tools for .css designers - link

and CssCleaner - link

removes unused classes

hope you find something useful

******************************************************************************

// regarding my mission to improve YSlow score

yesterday I had a C (71) score after tweaking some things, today after combining the .css files I have a B Grade (81), need to start editing .css files to add the sprites but that should further boost my score.

Thanks to all who put me on this path with references to Yslow etc., I will now use the things I have learnt these last 2 days to improve clients sites, and use sprites etc. from the start.

Another tip #

(freeware 7-Zip can do this) gzip all .js /.css and template image files and upload a copy to the same directory where the .orig file is stored and then add the code bellow to your .htaccess File:


#Check to see if browser can accept gzip files.
ReWriteCond %{HTTP:accept-encoding} (gzip.*)
#make sure there’s no trailing .gz on the url
ReWriteCond %{REQUEST_FILENAME} !^.+gz$
#check to see if a .gz version of the file exists.
RewriteCond %{REQUEST_FILENAME}gz -f
#All conditions met so add .gz to URL filename (invisibly)
RewriteRule ^(.+) $1gz [L]
AddType “text/css;charset=UTF-8″ .cssgz
AddEncoding gzip .cssgz
AddType “text/javascript;charset=UTF-8″ .jsgz
AddEncoding gzip .jsgz

Remember if you do change any of the uncompressed versions you’ll have to re-generate the compressed version otherwise clients that support gzip won’t see the changes.

 

[guest2013-1]

There anyway you know of that you can change it for IIS?

 

[zagame]

There anyway you know of that you can change it for IIS?

not sure offhand but I will look around for a solution, going for a surf since I have been busy optimising for 2 days now

Will have a look when I get back

a quick search on microsoft gave me this, since I dont use IIS I cannot offer more than this

http://support.microsoft.com/kb/324064

http://www.smallworkarounds.net/2009/01/aspnet-iis-tricks-using-gzip.html

http://www.wwwcoder.com/main/parentid/170/site/3669/68/default.aspx

http://www.lostechies.com/blogs/dah...e-http-compression-gzip-deflate-in-iis-6.aspx

for the last 3 results I googled gzip on IIS

 

[zagame]

Installing Gzip on a IIS server

http://www.microsoft.com/technet/pr...70b-09c0-45fd-8da4-898cf9a7d568.mspx?mfr=true

Enable Gzip compression in IIS 6.0 for ASP.NET 2.0 websites
http://www.codeproject.com/KB/aspnet/EnableGzip.aspx

Step by step Setting up Gzip on IIS 6 (compressing servers output stream)
http://dev.kratik.net/index.php/200...p-on-iis-6-compressing-servers-output-stream/

Step by step Setting up Gzip on IIS 6 (compressing servers output stream)

1. Allow the compression ISAPI to run IIS 6’s new security system prohibits ISAPI DLLs from running by default, so you need to tell IIS 6 that it’s okay to let the compression ISAPI DLL run.
01. Open the IIS admin tool (inetmgr); drill into your server, and right-click on “Web Service Extensions”.
02. Choose “Add a new web service extension”. For the extension name, use whatever you want to identify it in the list (I used “HTTP Compression Extension”).
03. You need to add a single required file, which is \Windows\System32\inetsrv\gzip.dll, the ISAPI responsible for doing gzip and deflate compression.
04. Check the “Set extension status to allowed”, then click OK.
05. You should have a new web service extension in your list called “HTTP Compression” (or whatever you named it), and it should have a status of “Allowed”.
2. Select compressible content
IIS 6’s compression system only compresses a very limited set of content. You need to enable compression for the appropriate file extensions (specifically, .aspx files for your ASP.NET pages, and perhaps any static content you want compressed as well).
01. You’re going to edit the Metabase. To do this, you first need to shut down IIS.
02. In the IIS admin tool, right click on your server name in the left panel, and choose All Tasks -> Restart IIS.
03. On the restart dialog, choose “Stop internet services” and click OK. When IIS is shut down, you’ll need to edit \Windows\System32\inetsrv\MetaBase.xml (make a backup first!).
04. Search for “IIsCompressionScheme”. There will be two XML elements, one for deflate and one for gzip. Both elements have properties called HcFileExtensions and HcScriptFileExtensions. These contain a space-delimited list of file extension for compressible content.
05. At a bare minimum, you’ll need to add aspx, ascx to the HcScriptFileExtensions list. Note that if the properties are left blank, then all content, regardless of file extension, will be compressed.

hope this is usefull

 

[Rainy]

whats the differrent between zaps.co.za and zapsonline.co.za ????

 

[Necuno]

the word online ?

 

[Rainy]

;/ ho ho ho

 

[Tinav]

the word online ?

Pretty much - We are trying to show people that that Zapsonline is a online store and that Zaps is a normal retail store - Too many customers were thinking that if they see something on the web site that we would have those products in store.