В процессе очередного анализа сайта я наткнулся на проблему объемных java-скриптов. Можно было бы на это закрыть глаза, но нужно понимать, что оптимизация дает хороший результат в комплексе, а значит, сжатие java-скриптов является неотъемлемым шагом к успешному развитию сайта.
Что такое JavaScript?
JavaScript – язык программирования, нацеленный на взаимодействие между пользователем и объектом. Данный элемент, как правило, используются на всех современных веб-ресурсах, создавая интерактивную среду. Каждый сайтостроитель для большей функциональности своего сайта использует сторонние расширения, в которых в свою очередь используются всевозможные скрипты. Это же касается и различных счетчиков и баннеров, с откровенно говоря, отвратительными java-скриптами.
Что значит неоптимизированный Javascript? На данный показатель влияют лишние пробелы, символы, переводы строк и т.п.
Зачем оптимизировать JavaScript?
Грамотно написанный java-скрипт позволяет значительно ускорить загрузку сайта. На некоторых хостингах используется gzip сжатие, что позволяет сократить объем подключаемых скриптов. Хотя в этом есть и обратная сторона медали, так как тратится время на их распаковку.
Как легко осуществить сжатие java-скриптов?
Конечно же, если у вас есть навыки или же специализация, позволяющая без труда разобраться в этом языке программирования, можно отыскать погрешности вручную. Другое дело, когда придется проводить танцы с бубнами, тем самым уничтожая сайт.
Если вы относитесь ко второй аудитории, решением станет использование специальных онлайн сервисов:
Вот как сервис выглядит на деле:
Чтобы осуществить сжатие java-скрипта необходимо скопировать его содержимое и вставить в поле «Paste your code», что переводится как «Вставить код». Далее нужно нажать кнопку «Compress». В нижнем окне в считанные секунды отобразится оптимизированный код. Для сравнения внизу окошка можно посмотреть степень сжатия. Как можно заметить со скриншота мой выигрыш составил 0. 717KB.
В отличии от предыдущего сервиса здесь всего одно окно, предназначенное для вставки JavaScript, ошибиться невозможно. Спешу заметить, что этот сервис более функционален, так как способен сжимать CSS файлы и HTML код. После того как вы скопируете скрипт, система самостоятельно определит что это за код и к какому языку программирования он относится. Останется только нажать на одну из трех кнопок, которая будет выделена синим цветом.
В течении нескольких секунд код будет оптимизирован. Далее остается только выбрать, как его сохранить, нажав на одну из кнопок «Save» либо «gzip».
Нажимая кнопку «Reset» сервис перезагрузится для новой оптимизации.
Внизу справой стороны вашему вниманию будет представлена подробная информация о состоянии сжатия JavaScript. В моем случае выигрыш составил 1,08 KB.
Как можно заметить при проверке одного и того же файла на каждом из сервисов суммарный выигрыш составил различную цифру.
Важный момент! В независимости от того на каком ресурсе будет осуществляться сжатие java-скриптов, всегда делайте резервную копию сайта и тех файлов, которые подвергаются оптимизации.
И помните, каждый автор, написавший полезную статью, заслуживает на комментарий, минимум репост.
Спасибо за внимание и до скорых встреч на страницах Stimylrosta.
Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter