Как делать декомпрессию gz-файлов на стороне клиента?

Question

[Алексей Смирнов]

Здравствуйте.

Для размещения сайта, я использую некоторый бесплатный хостинг. При этом серверные вычисления и возможность использования файла .htaccess, на используемом мною тарифе, недоступны.

И я хотел бы осуществлять статическое сжатие CSS и JavaScript-файлов.
Для этого, я на своем компьютере осуществил сжатие файла myJsFile.js в myJsFile.js.gz. А после, сжатый файл разместил, как обычно, на сайте в папке scripts (вместе с остальными js-файлами).
Далее в HTML-файле я заменил строку:
<script src="scripts/myJsFile.js"></script>
на строку:
<script src="scripts/myJsFile.js.gz"></script>
После этого в браузере в разделе "Посмотреть код" -> "Network" -> "JS" (или для FireFox "Исследовать элемент" -> "Сеть"), я обнаружил, что файл "myJsFile.js.gz" подгружается на сторону клиента, но, я так понимаю, не разархивируется и не исполняется (то что он не исполнялся это точно).

Как, без использования сервера, сделать так, чтобы полученный на стороне клиента файл "myJsFile.js.gz" разархивировался и исполнялся?

P.S. По сути я хочу выполнять компрессию файлов без использования сервера.

Answer 1

[xmoonlight]

При отдаче статического контента Ваш бесплатный хостинг должен поддерживать сжатие контента. Если он не поддерживает - то нативно никак.
Только надстройками:
1. https://github.com/nodeca/pako
Сжатие контента:
2. https://github.com/beatgammit/gzip-js
3. https://github.com/Stuk/jszip

Answer 2

[Dimonchik]

P.S. По сути я хочу выполнять компрессию файлов без использования сервера.

через Cloudflare или Photon JetPack пропусти и не парься

Answer 3

[Иван]

Могу ошибаться, но браузер должен этим заниматься. Возможно ему надо передать верные заголовки.

Comments

[Алексей Смирнов]

Да, по идее браузер должен это делать. Но как ему это объяснить, я не знаю.

[Иван]

Ну PHP то у вас есть? Давайте ссылку не на js, а на php файл, который отправляет заголовки и затем подгружает ваш js.

[Алексей Смирнов]

Иван: У меня нету PHP

[Алексей Смирнов]

Иван: А возможно сделать тоже самое, что Вы предложили на PHP, но только с помощью JS ?

[Владимир Грабко]

Алексей Смирнов: нет

[Иван]

Алексей Смирнов: если вы не можете сдать заголовки и сервер сам не распознаёт зипы, то никак.

[xmoonlight]

Владимир Грабко: можно.

Answer 4

[Павел Селиванов]

> При этом серверные вычисления и возможность использования файла .htaccess, на используемом мною тарифе, недоступны.
Тогда никак. Если есть доступ к настройке веб-сервера - то, например, так: nginx.org/en/docs/http/ngx_http_gzip_static_module.html

Comments

[Алексей Смирнов]

К сожалению, нету доступа

Answer 5

[viiy]

В общем, вы не в ту сторону копаете...

Сжатие статических файлов всегда выполняется на стороне сервера, а декомпрессия на стороне клиента. Переименовывать файлы для этого не нужно. Возможно, оно и до этого у вас работало.

Требования два:
- сервер должен быть настроен на сжатие статики
- клиент должен передать заголовок что он поддерживает сжатие

Проверить можно так: (обратите внимание на Accept-Encoding: gzip)

curl -I --header "Accept-Encoding: gzip,deflate" http://pastie.org

Ответ:

...
...
Content-Encoding: gzip

Таким же способом можете проверить ваши js и убедиться что они сжимаются или нет.

Comments

[Алексей Смирнов]

Я установил расширение в Гугл/Яндекс браузер:
https://chrome.google.com/webstore/detail/http-hea...
И при помощи этого расширения обнаружил следующее:
На сайтах toster.ru и Хабрахабр появляется строка: "Content-Encoding: gzip"
А на моем сайте такая строка вообще не появляется.

Предложенный Вами запрос:

curl -I --header "Accept-Encoding: gzip,deflate" http://pastie.org

я пробовал вводить в консоли браузеров (Chrome, Яндекс, Firefox), и у меня выдавало сообщение о синтаксической ошибке:
SyntaxError: missing ; before statement
Может я просто неправильно понял и не так или не туда вводил.

[viiy]

Попробуйте запросить тем же самым способом определенный js файл. Если компрессии нет, значит нет.