[Solved] Enable Gzip compression?

[Boudi]

Hi there,

Is there any way (how) to enable Gzip compression within wb in order to load pages faster?

Boudi

[albatros]

Hi,

I reallly don't know if it makes sense, but perhaps this could be a way http://farhadi.ir/works/smartoptimizer

hth

albatros

[WB-Boosta]

Sounds cool (although on a Drupal-site), any experiences yet?
What about gzip-enabling within .htaccess?

[Boudi]

@ Albatros, thnq for your url. Looked at it but was indeed looking for a more htaccess minded thing
@ Boosta:

create htaccess and put the following lines in:

Code:

<FilesMatch "\.(ico|flv|jpe?g|png|gif|js|css|swf)$">
ExpiresActive On
ExpiresDefault "access plus 1 month"
</FilesMatch>

SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ \
no-gzip dont-vary
SetEnvIfNoCase Request_URI \
\.(?:exe|t?gz|zip|bz2|sit|rar)$ \
no-gzip dont-vary
SetEnvIfNoCase Request_URI \.pdf$ no-gzip dont-vary
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

With this code you:

- enable the Gzip compression
- clear browser cache

In my case the page speed speeded up to 93/100 score  

[WB-Boosta]

Hhm,

Code:

<FilesMatch "\.(ico|flv|jpe?g|png|gif|js|css|swf)$">
ExpiresActive On
ExpiresDefault "access plus 1 month"
</FilesMatch>

shows a 404-site.

Is there any change? I notice nothing. But perhaps the browser caches all pages? YSlow does not notice then?

In any case, I've cleaned up my CSS, switch the jQuery-UI off and save a lot of weight.

[dbs]

works, maybe 4u2. but need e.g. xxx.js AND xxx.js.gz

Code:

# Compress .js and .css files
AddEncoding gzip .gz
<FilesMatch "\.js\.gz$">
AddType "text/javascript" .gz
</FilesMatch>
<FilesMatch "\.css\.gz$">
AddType "text/css" .gz
</FilesMatch>
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME} \.(js|css)$
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

http://www.websitebaker2.org/forum/index.php/topic,17350.0.html

dbs

[Argos]

Hhm,

Code:

<FilesMatch "\.(ico|flv|jpe?g|png|gif|js|css|swf)$">
ExpiresActive On
ExpiresDefault "access plus 1 month"
</FilesMatch>

bringt mir eine 404-Seite.

Ob sich durch die anderen Zeilen etwas ändert? Ich merke nix. Aber vielleicht cacht der Browser alles Seiten? YSlow merkt es dann nicht?

Auf jeden Fall habe ich meine CSS aufgeräumt, die jQuery-ui deaktiviert und eine Menge Gewicht eingespart.

Please talk English in this forum. Thanks.

[Argos]

Tonight I just stumbled upon a little piece of htaccess code that uses the deflate function to dynamically compress files. It makes my pages typically around 70% smaller!! Why I only just now learned about dynamic compression is a mystery to me... I guess a lot of people just don't know about this!

Add this to your .htaccess file:

Code:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

It seems to do about the same as the code mentioned above. So I don't know the difference. This code seems cleaner and easier to understand anyway.

You can check your old and new page size at http://www.whatsmyip.org/http_compression/

[Boudi]

Hi Argos,

Thnx for the code.

I'm always interested in speeding up websites. I tried your code but testing it afterwards with Firefox Firebug there seems no faster loading at all.

Your link gives indeed a fictional new improved result but again, with the firebug I don't see any differences...

Does anyone?

Boudi

[Argos]

I'm not sure why firebug doesn't show speed increase.

It's not fictional, it's real. You can also check with the W3C validator, it clearly shows big page load improvements.

Or try
http://www.iwebtool.com/speed_test
http://www.websitegoodies.com/tools/speed-test.php
http://tools.pingdom.com
and other speed and page load test sites.

Also check out http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html to read about speed becoming more important for Google ranking.

[Boudi]

Or try
http://www.iwebtool.com/speed_test
http://www.websitegoodies.com/tools/speed-test.php
http://tools.pingdom.com
and other speed and page load test sites.

Tried all of them and they all give me the 'old' size of the website. So in my case it's still fictional

[Argos]

Then your server doesn't support compression I guess... Check it with a info.php file.

[Boudi]

Web compression is enabled.

This is what I get now with whatsmyip.org:

Original Size: 17.07 KB
Gzipped Size: 3.95 KB
Data Savings: 76.86%

This means that the loading size now is 3.95 kb?

Because when doing a test on websitegoodies.com I get this result:

Load Time:    1.379 seconds
Page Size:            17.07 kb

So what's the real size now?

[Argos]

Websitegoodies is a speed test that apparently shows the uncompressed page size. Whatsmyip is a page weight test.

[Boudi]

Then is it actually working then? If all speedtestpages shows the uncompressed 17 kb and the FF extension Firebug doesn't give any faster results before/after inserting the htaccess code, then it seems that it isn't actually working?

Is it possible that it's more a theoretical number on whatsmyip.org?

Does it really work on your website(s) then?

Boudi

[Argos]

I don't know Boudi, I see the results on whatsmyip.org, I see big page size decreases, and I really notice speed improvements on some sites, so I guess it's working.

[Boudi]

I placed it on some heavy sites and you are right. It seems loading even more faster. 

Thnq for sharing this piece of code. Speed is good for SEO

Boudi