Сжатие Java-скриптов - зачем это нужно и как выполнить?

Категория: Оптимизация и продвижение сайта Опубликовано: 19.01.2017

сжатие java скриптов

В процессе очередного анализа сайта я наткнулся на проблему объемных java-скриптов. Можно было бы на это закрыть глаза, но нужно понимать, что оптимизация дает хороший результат в комплексе, а значит, сжатие java-скриптов является неотъемлемым шагом к успешному развитию сайта.

Что такое JavaScript?

JavaScript – язык программирования, нацеленный на взаимодействие между пользователем и объектом. Данный элемент, как правило, используются на всех современных веб-ресурсах, создавая интерактивную среду. Каждый сайтостроитель для большей функциональности своего сайта использует сторонние расширения, в которых в свою очередь используются всевозможные скрипты. Это же касается и различных счетчиков и баннеров, с откровенно говоря, отвратительными java-скриптами.

Что значит неоптимизированный Javascript? На данный показатель влияют лишние пробелы, символы, переводы строк и т.п.

Зачем оптимизировать JavaScript?

Грамотно написанный java-скрипт позволяет значительно ускорить загрузку сайта. На некоторых хостингах используется gzip сжатие, что позволяет сократить объем подключаемых скриптов. Хотя в этом есть и обратная сторона медали, так как тратится время на их распаковку.

Как легко осуществить сжатие java-скриптов?

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

Если вы относитесь ко второй аудитории, решением станет использование специальных онлайн сервисов:

- javascriptcompressor.com

Вот как сервис выглядит на деле:

сервис сжатия java скриптов №1

Чтобы осуществить сжатие java-скрипта необходимо скопировать его содержимое и вставить в поле «Paste your code», что переводится как «Вставить код». Далее нужно нажать кнопку «Compress». В нижнем окне в считанные секунды отобразится оптимизированный код. Для сравнения внизу окошка можно посмотреть степень сжатия. Как можно заметить со скриншота мой выигрыш составил 0. 717KB.

- refresh-sf.com

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

сервис сжатия java скриптов №2

В течении нескольких секунд код будет оптимизирован. Далее остается только выбрать, как его сохранить, нажав на одну из кнопок «Save» либо «gzip».

Нажимая кнопку «Reset» сервис перезагрузится для новой оптимизации.

Внизу справой стороны вашему вниманию будет представлена подробная информация о состоянии сжатия JavaScript. В моем случае выигрыш составил 1,08 KB.

сервис сжатия java скриптов №3

Как можно заметить при проверке одного и того же файла на каждом из сервисов суммарный выигрыш составил различную цифру.

рупор

Важный момент! В независимости от того на каком ресурсе будет осуществляться сжатие java-скриптов, всегда делайте резервную копию сайта и тех файлов, которые подвергаются оптимизации.

И помните, каждый автор, написавший полезную статью, заслуживает на комментарий, минимум репост.

Спасибо за внимание и до скорых встреч на страницах Stimylrosta.

Не ленитесь, поделитесь!

Оставить комментарий

Просмотров: 472

Добавить комментарий


Защитный код
Обновить

X

Добро пожаловать!

Видимо вы используете браузерное расширение AdBlock, отвечающее за блокировку рекламы. Этот веб-проект существует и развивается за счет рекламных объявлений. Пожалуйста, внесите его в белый список. Заранее премного благодарен. Как отключить AdBlock

Читайте также

Экранная линейка mySize - бесплатная программа для веб-разработчиков и дизайнеров

Экранная линейка mySize - бесплатная программа для веб-разработчиков и дизайнеров

Подробнее
Как сделать скриншот экрана

Как сделать скриншот экрана

Подробнее
Как открыть ссылку в новом окне

Как открыть ссылку в новом окне

Подробнее
Что такое вода в тексте

Что такое вода в тексте

Подробнее