Скажу сразу, что даже если вы полный новичок, вы сможете сократить любой JavaScript на своем сайте.
На самом деле – это только звучит страшно. По сути сократить JavaScript – это убрать из кода скрипта все пробелы и переходы строк.
И делать мы вручную это не будем. Нет, ну конечно можно, скачать со своего сайта файл скрипта и убрать из него все лишние пробелы ручками.
Вот только зачем, если для этого существует специальный сервис. Причем бесплатный и легкий в использовании.
Но сначала давайте выясним зачем вообще это нужно делать и какие именно JavaScript –ы сокращать, а какие не обязательно.
Зачем? После сокращения определенных скриптов сайта он будет загружаться быстрее.
И это главная цель такой процедуры.
Хотя, должна признаться, что после сокращения я большой разницы не увидела, но мой сайт и так загружается довольно быстро. А так как данная процедура рекомендуется pr-cy (сервис для анализа сайтов), то я решила все-таки ее провести.
Как узнать какие именно скрипты нужно сокращать? Узнать это можно на специальной странице – это страница проверки скорости сайта http://pr-cy.ru/speed_test/.
Вводите адрес своего сайта и проверяете его скорость, а ниже вы увидите, что нужно сделать, чтобы повысить эту самую скорость.
Среди пунктов вы найдете и пункт «Сократите JavaScript». Если кликнуть по нему, то в выпадающем списке вы увидите все JavaScript подлежащие сокращению.
Причем в этом списке можно даже узнать, где именно находится файл скрипта на вашем сайте.
Но это уже нужно показывать на примере. Поэтому смотрите видео ниже.
Ничего сложного!
Чтобы сократить JavaScript вам понадобится:
- Программка filezilla – это FTP клиент (программка бесплатная, можно найти в интернет, используется для загрузки файлов на сайт).
- Сервис для проверки скорости сайта http://pr-cy.ru/speed_test
- Сервис для сокращения JavaScript http://javascriptcompressor.com/
- Блокнот Notepad++ (бесплатный, можно найти в Интернет, используется для редактирования кодов)
А еще я сняла для вас видео, чтобы вы не запутались и сделали все правильно.
Сокращать или не сокращать JavaScript на своем сайте – решайте сами!
Оксана!Спасибо
Божьего Благословения! Счастья Радости Любви Добра!
Уменьшила картину до 10 kb, и всё равно при проверке рекомендуется её сжимать, чтобы ускорить скорость загрузки. Не обращать внимания?
Оксана. спасибо, что отвечаете и помогаете! Так сложно в одиночку!
Оставьте как есть. Картинка легкая и загружаться будет быстро. У меня тоже некоторые картинки даже при том , что я их сжала, при проверке просят сжать еще. А насчет нового курса... в нем будет около 30 уроков, думаю к праздникам закончить.
Жду новый курс!
Оксана. спасибо, что даёте ответы! Картинки я сжала через сервис, стали немного меньше весить, но есть другая беда. Кэш браузера. Плагин устанавливала по урокам вашего коллеги Михаила, но никакой реакции. Сервис проверки выдаёт, что не указан срок действия. Что делать? Как настроить Кэш?
Наверное, я что-то упустила...
Вы ничего не пропустили, плагин Hyper Cache действительно картинки не кеширует. Сейчас я готовлю новый курс по созданию сайта, в нем и будет ответ на ваш вопрос и еще много чего интересного по созданию, а главное, настройке сайта.
У меня на блоге 5 публикаций и около 10 картинок я уменьшала с помощью функций вордпресс. мне перезагрузить картинки, уменьшив их или не стоит?
Если они весят меньше 50 кб , то можете оставить.Я заглянула на ваш сайт, он загружается нормально.А картинки не очень большие, поэтому можете их немного уменьшать и с помощью ворд пресс. Просто перед загрузкой уменьшайте их вес.
Оксана, спасибо за совет! Всё сделала по вашей инструкции и сократить JavaScript получилась! Но картинки в теме грузятся долго Можно ли что-то с этим сделать?
Елена, картинки тоже нужно оптимизировать, т.е. уменьшать их вес перед загрузкой на сайт.Картинка должна весить не более 50КБ. И еще, лучше загружать на сайт картинки того размера, который вы хотите видеть на сайте, а не уменьшать их с помощью функций ворд пресс. Я немного об этом писала вот здесь
Благодарю за советы. Косяков нет, но копии лучше соххранню
Да, картинки тяжеловаты, и баннеров многовато
Благодарю за ответ, подумаю над этим
В filezilla нужно вводить логин и пароль от FTP соединения с вашим сайтом. Эти сведения обычно дает хостинг-провайдер при регистрации хостинга. А если сайт долго загружается, то возможно у вас очень тяжелые картинки?
Здравствуйте, Оксана! На сервисеpr-cy.ru/speed_test проверка выдала аж 13 позиций скриптов, которые надо сократить. Все связано с плагином Profit Bbilder, который установлен на моем блоге. Не поняла, какое имя пользователя и пароль надо вводить в filezilla. Наверно, для меня сложновато пока. Боюсь дров наломать. Хотя скорость загрузки сайта меня не очень устраивает. Оставлю Вашу статью пока у себя в закладках.
Привет объяснила всё отлично, всё подробно и популярно.
Согласна. Но для некоторых даже то, что я показала кажется сложным. Я пытаюсь объяснять так, чтобы повторить мог любой.
А вот и зря,потому что именно через код решается множество проблем
Возможно, но даже при таком сжатии скорость немного увеличивается. А ковырятся в кодах готовы далеко не все.
Оксана при современных методах сжатия вроде как меняется код.Это раньше для сжатия просто удалялись комментарии к коду и пробелы.
Владимир, копии скриптов можете оставить, если они вам нужны. Сбоев никаких не было ведь я ничего в коде не изменяла.
Привет Оксана.Интересная и полезная статья!
Да вот я только думаю что после обновления сжатых плагинов (скриптов) прежний код плагина вернется на место и опять придется все это по новой сжимать — Единственный вариант обновлять сжатые плагины через сам код.И возник вопрос — Оксана после сжатия скриптов у блога не было никаких сбоев или глюков с самим плагином?И я бы посоветовал перед сжатием сделать резервную копию блога.
Проверил. Используйте кэш браузера и Оптимизируйте изображение
Вопрос: как этот кэш сделать?Как включить кэширование?
А Java Script в порядке.