Ускоряем загрузку, сжимаем скрипты, стили и html

Приветствую вас, уважаемый читатель!

Этим постом, я заканчиваю первую часть "Работы над ошибками", по внутренней оптимизации сайта.

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

Пришёл черёд, заняться сжатием скриптов, стилей и html.

Чем меньше вес, тем выше скорость!

И в этом нам поможет, плагин Autoptimize.

Плагин, объединяет все скрипты и стили, сжимает их и кэширует, перемещая всё в верхнюю часть документа. Помимо этого, он объединяет все .js файлы и встроенные скрипты (<script>) и помещает их в конец документа.

Также, он оптимизирует сам HTML-код, что делает страницы сайтов более легкими, а значит он увеличивает скорость загрузки его страниц.

Для того, что бы производительность Autoptimize была более высокой, желательно в «довесок» к нему, использовать плагины кэширования, такие как WP Super Cache или HyperCache.

Находим Autoptimize в репозитории и устанавливаем. Активируем и переходим в настройки.

Настройки > Autoptimize

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

И переходим к расширенным настройкам - Show advanced settings.

Читать статью целиком.

		Это интересно +1	Как всё будет выглядеть в блоге: Ускоряем загрузку, сжимаем скрипты, стили и html Приветствую вас, уважаемый читатель! Этим постом, я заканчиваю первую часть "Работы над ошибками", по внутренней оптимизации сайта Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/nastrojka-programm/13451765/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Ускоряем загрузку, сжимаем скрипты, стили и html </a> <div class="insert-intro" style="font-family:trebuchet MS;">Приветствую вас, уважаемый читатель! Этим постом, я заканчиваю первую часть "Работы над ошибками", по внутренней оптимизации сайта </div> </div> Ускоряем загрузку, сжимаем скрипты, стили и html <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/nastrojka-programm/13451765/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Ускоряем загрузку, сжимаем скрипты, стили и html</a> <div style="font-family:trebuchet MS;">Приветствую вас, уважаемый читатель! Этим постом, я заканчиваю первую часть "Работы над ошибками", по внутренней оптимизации сайта </div> </div>

wolfimen

13.04.2017

В избранное Пожаловаться Просмотров: 366

Комментарии ⁰

Азы компьютера 3192

Важные темы:

Активные участники:

Последние откомментированные темы: