Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox 38.0.1 throws errors in console with JS and CSS htaccess compression enabled

  • 3 replies
  • 1 has this problem
  • 12 views
  • Last reply by gabrio

gabrio
gabrio
more options

hi,

I have been working on improving performance on my Wordpress site, one of the things I have done, I switched to dynamic delivery of CSS and JS files (so they are compressed by PHP), which worked very well for performance tests.

Now, I have ALSO added this to the .htaccess in my JS and CSS folder (wp-incldues) on a wordpress site: 

<filesMatch "\.(js|css)$">
Header set Content-Encoding x-deflate
# Header set Content-Encoding compress
# Header set Content-Encoding x-gzip
</filesMatch>

for compressing JS and CSS files. this works fine on IE, CSS, Android and speed tests, but the bad thing is that the website appears broken in Firefox 38.0.1, it cannot load my menus and Revolution Slider (image carousel).

main error seems to be jQuery is not defined..

here is a collage that shows the errors...https://dl.dropboxusercontent.com/u/28979877/FirefoxErrorsCollage.png

is there anything else i could change in that .htaccess syntax that will make every browser happy?

any thoughts?

many thanks, Gabrio

hi, I have been working on improving performance on my Wordpress site, one of the things I have done, I switched to dynamic delivery of CSS and JS files (so they are compressed by PHP), which worked very well for performance tests. Now, I have ALSO added this to the .htaccess in my JS and CSS folder (wp-incldues) on a wordpress site: <pre><nowiki> <filesMatch "\.(js|css)$"> Header set Content-Encoding x-deflate # Header set Content-Encoding compress # Header set Content-Encoding x-gzip </filesMatch></nowiki></pre> for compressing JS and CSS files. this works fine on IE, CSS, Android and speed tests, but the bad thing is that the website appears broken in Firefox 38.0.1, it cannot load my menus and Revolution Slider (image carousel). main error seems to be jQuery is not defined.. here is a collage that shows the errors...https://dl.dropboxusercontent.com/u/28979877/FirefoxErrorsCollage.png is there anything else i could change in that .htaccess syntax that will make every browser happy? any thoughts? many thanks, Gabrio

Modified by cor-el

Chosen solution

hi there,

I have turned off the feature from .htaccess for now...

We found out (with the help of Frank from Autoptimize, which I can TOTALLY recommend by the way, he is great!!) that it can't work because what that is doing is declaring the output is compressed, but not actually ... compressing. so firefox is right, the others are wrong.

this should be used, IF the server supports it (ours does not since it's just shared):

<IfModule mod_deflate.c> 

        <FilesMatch "\.(js|css)$">
        SetOutputFilter DEFLATE
    </FilesMatch>
</IfModule>

so for the time being, i have removed the .htaccess to compress JS and CSS folders and FF is happy now.

thanks, Gabrio

Read this answer in context 👍 0

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Hold down the Shift key and left-click the Reload button
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Command + Shift + R" (Mac)
jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Is jQuery loading and getting decompressed before the code that calls it? You can observe loading order to some extent in the Network Monitor:

Open the web console is the lower part of the tab below your page, click Network on its top bar, then reload your page and check the responses and timings.

This might be related: When Firefox 33 was released, an issue surfaced with compressed files where the server did not report the correct length of the file after compression and Firefox therefore treated the file received as corrupted. More info in this thread: Error while downloading file with Firefox 33.

gabrio
gabrio Question owner
more options

Chosen Solution

hi there,

I have turned off the feature from .htaccess for now...

We found out (with the help of Frank from Autoptimize, which I can TOTALLY recommend by the way, he is great!!) that it can't work because what that is doing is declaring the output is compressed, but not actually ... compressing. so firefox is right, the others are wrong.

this should be used, IF the server supports it (ours does not since it's just shared):

<IfModule mod_deflate.c> 

        <FilesMatch "\.(js|css)$">
        SetOutputFilter DEFLATE
    </FilesMatch>
</IfModule>

so for the time being, i have removed the .htaccess to compress JS and CSS folders and FF is happy now.

thanks, Gabrio

Modified by gabrio