”обновление”
”google”
Комментарии
  • Загрузка...
Сентябрь 2017
Пн Вт Ср Чт Пт Сб Вс
« Авг    
 123
45678910
11121314151617
18192021222324
252627282930  
”заработок”

сократить JavaScripСкажу сразу, что даже если вы полный новичок, вы сможете сократить любой 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 на своем сайте – решайте сами!

Оксана Круговая

Поделись с друзьями

Давайте дружить

21 комментарий: Как сократить JavaScript на своем сайте

  • Сергей говорит:

    Проверил. Используйте кэш браузера и Оптимизируйте изображение

    Вопрос: как этот кэш сделать?Как включить кэширование?

    А Java Script в порядке.

     

  • Владимир говорит:

    Привет Оксана.Интересная и полезная статья!http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gifДа вот я только думаю что после обновления сжатых плагинов (скриптов) прежний код плагина вернется на место и опять придется все это по новой сжимать — Единственный вариант обновлять сжатые плагины через сам код.И возник вопрос — Оксана после сжатия скриптов у блога не было никаких сбоев или глюков с самим плагином?И я бы посоветовал перед сжатием сделать резервную копию блога.

  • Оксана Круговая говорит:

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

  • Владимир говорит:

    Оксана при современных методах сжатия вроде как меняется код.Это раньше для сжатия просто удалялись комментарии к коду и пробелы.

  • Оксана Круговая говорит:

    Возможно, но даже при таком сжатии скорость немного увеличивается. А ковырятся в кодах готовы далеко не все.

  • Владимир говорит:

    А вот и зря,потому что именно через код решается множество проблемhttp://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif

  • Оксана Круговая говорит:

    Согласна. Но для некоторых даже то, что я показала кажется сложным. Я пытаюсь объяснять так, чтобы повторить мог любой. 

  • дмитрий говорит:

    Привет объяснила всё отлично, всё подробно и популярно.

  • Екатерина Паюл говорит:

    Здравствуйте, Оксана! На сервисе pr-cy.ru/speed_test проверка выдала аж 13 позиций скриптов, которые надо сократить. Все связано с плагином Profit Bbilder, который установлен на моем блоге. Не поняла, какое имя пользователя и пароль надо вводить в filezilla. Наверно, для меня сложновато пока. Боюсь дров наломать. Хотя скорость загрузки сайта меня не очень устраивает. Оставлю Вашу статью пока у себя в закладках.http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif

  • Оксана Круговая говорит:

    В filezilla нужно вводить логин и пароль от FTP  соединения с вашим сайтом. Эти сведения обычно дает хостинг-провайдер при регистрации хостинга. А если сайт долго загружается, то возможно у вас очень тяжелые картинки? 

  • Екатерина Паюл говорит:

    Да, картинки тяжеловаты, и баннеров многоватоhttp://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gifБлагодарю за ответ, подумаю над этимhttp://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

  • Сергей говорит:

    Благодарю за советы. Косяков нет, но копии лучше соххранню

  • Елена Хоружая говорит:

    Оксана, спасибо за совет! Всё сделала по вашей инструкции и сократить JavaScript получилась! Но картинки в теме грузятся долго Можно ли что-то с этим сделать?

  • Оксана Круговая говорит:

    Елена, картинки тоже нужно оптимизировать, т.е. уменьшать их вес перед загрузкой на сайт.Картинка должна весить не более 50КБ. И еще, лучше загружать на сайт картинки того размера, который вы хотите видеть на сайте, а не уменьшать их с помощью функций ворд пресс. Я немного об этом писала вот здесь

  • Елена Хоружая говорит:

    У меня на блоге 5 публикаций и около 10 картинок я уменьшала с помощью функций вордпресс. мне перезагрузить картинки, уменьшив их или не стоит?

  • Оксана Круговая говорит:

    Если они весят меньше 50 кб , то можете оставить.Я заглянула на ваш сайт, он загружается нормально.А картинки не очень большие, поэтому можете их немного уменьшать и с помощью ворд пресс. Просто перед загрузкой уменьшайте их вес.

  • Елена Хоружая говорит:

    Оксана. спасибо, что даёте ответы! Картинки я сжала через сервис, стали немного меньше весить, но есть другая беда. Кэш браузера. Плагин устанавливала по урокам вашего коллеги Михаила, но никакой реакции. Сервис проверки выдаёт, что не указан срок действия. Что делать? Как настроить Кэш?

    Наверное, я что-то упустила...

  • Оксана Круговая говорит:

    Вы ничего не пропустили, плагин Hyper Cache действительно картинки не кеширует. Сейчас я готовлю новый курс по созданию сайта, в нем и будет ответ на ваш вопрос и еще много чего интересного по созданию, а главное, настройке сайта.

  • Елена Хоружая говорит:

    Уменьшила картину до 10 kb, и всё равно при проверке рекомендуется её сжимать, чтобы ускорить скорость загрузки. Не обращать внимания?

    Оксана. спасибо, что отвечаете и помогаете! Так сложно в одиночку!

  • Оксана Круговая говорит:

    Оставьте как есть. Картинка легкая и загружаться будет быстро. У меня тоже некоторые картинки даже при том , что я их сжала, при проверке просят сжать еще. А насчет нового курса... в нем будет около 30 уроков, думаю к праздникам закончить.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://oxamitta.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 
”шаблон”
Мой магазин
”одностраничник”
Бесплатно
”одностраничник”
Реклама
Новинки
”подписчики”
”сайт”
”база”
Надо уметь
”фотошоп”


Copyright © 2017. Оксана Круговая.

Яндекс.Метрика Счетчик PR-CY.Rank