Руководство по ускорению загрузки сайта на WordPress (Часть 3)

Создано admin . Опубликовано в СайтоСтроение

hq-wallpapers_ru_cars_50570_1920x1200

6. Оптимизируем изображения на сайте.

Также очень необходимо следить за весом загружаемых изображений, ведь чем вес больше, тем дольше будет загружаться страница и все содержимое на ней. Например, если вы используете для статьи рисунки и простую графику, то рекомендую в качестве основного формата выбрать 8-битный PNG. Тем самым, изображения на сайте будут заниматься гораздо меньше места и страница станет загружаться быстрее.

Если же вы используете графику с богатой цветовой палитрой и сложными элементами, то нужно использовать JPG или 24-битный PNG. Стоит заметить, что 24-битные PNG изображения значительно больше по размеру, чем JPG, но зато воспринимаются визуально лучше.

Теперь я рассмотрю, как же можно уменьшить вес фотографии, или же альбома сразу.  Для уменьшения веса фотографий я использую программу, которая входит в пакет Microsoft Office – менеджер по обработке изображений.  Если же у вас установлен Microsoft Word, то и эта программа должна быть установлена вместе с этим пакетом. Называется она – Microsoft Office Picture Manager. С помощью этой программы можно уменьшить вас как одного изображения, так и нескольких картинок.

Открываем нужную нам программу. Для этого заходим в меню «Пуск» -> Все программы -> Средства Microsoft Office -> Диспетчер рисунков Microsoft Office.  Итак, вы открыли программу. Теперь в верхнем левом углу нажимаем на вкладку Файл -> Добавить ярлык рисунка.

После чего, в открывшемся окне выбираем любую папку, в которой хранится от одной до нескольких фотографий, ограничений по количеству изображений – нет. Нажимаем по папке один раз и жмем «Добавить». После этого все фотографии из папки загрузятся в программу.

Безымянный6

Важно: Оптимальный вес изображения для сайта – не более 200 кб (килобайт).

Приступим к самому уменьшению веса фотографий.

В верхней панели инструментов нажимаем Рисунок -> Сжать рисунки, после этого выделяем одну или несколько изображений и в правой колонке выбираем в пункте «Сжимать для» подходящий нам размер. Самый большой размер при сжатии будет для документов, рекомендую выбирать для веб-страниц, если в пункте «для документов» размер будет превышен 200 килобайт. Когда мы выбираем пункт «для веб-страниц», то фотография будет сжата до размера 76,2 кб. Если же вы выкладываете большие фотографии, где очень много цветов и мелких элементов, то выбираем пункты «не сжимать» или же «для документов», чтобы сильно не испортилось качество. Соответственно, чем меньше будет вес фотографии после сжатия, тем хуже качество, но зачастую его не заметно на простых изображениях.

Выбираем необходимый параметр сжатия и нажимаем ОК.

Безымянный7

Теперь изображения требуется сохранить. Я рекомендую оставлять оригинал, на всякий случай, а сжатое фото сохранять отдельным файлом. Для этого в верхней панели инструментов нажимаем Файл -> Сохранить как, и в открывшемся окне выбираем путь сохранения сжатого файла, если вы сохраняете изображения в той же папке, что и оригинал, то обязательно изменяем название, чтобы не заменить сам оригинал, выбираем формат (JPEG) и нажимаем «Сохранить». После чего мы получаем два изображения – оригинал и сжатая копия.

Если вам не нужен оригинал, то нажимаем Файл -> Сохранить (без КАК), и после этого сжатое изображение заменит оригинал.

Для того чтобы уменьшить вес не одной, а нескольких фотографий – проделываем те же самые пункты, что описаны раньше, только выделяем все изображения и при сохранении нажимаем «Сохранить все» — тогда сжатые копии изображений сохранятся вместо оригиналов, именно поэтому, если вам необходимы будут оригиналы, то до сжатия сохраняем все фотографии в отдельную папку, дабы их не потерять.

Также можно уменьшить фотографию онлайн. Я использую сервис Avatan, в нем можно не только уменьшить вес фотографии, формат, но и обрезать и всячески изменить, такой вот онлайн-fotoshop.

7. Кэшируем изображение на сайте с использованием плагина

Кэширование – это процесс, похожий на получение «снимка» с вашего контента и хранения егo в пользовательской системе без необходимости постоянной загрузки контента заново и произведения запросов к базе данных сайта. Тем самым, после посещения страницы сайта пользователем, изображения и другие данные сохраняются в системе (КЭШЕ). При обновлении страницы после перезагрузки браузера контент не будет загружаться заново, а будет выявляться то, что сохранилось в КЭШЕ, одновременно сохраняя трафик и уменьшая время загрузки. Другими словами: с помощью плагинов кэширования много процессов упрощается, а доступ к данным проходит из кэша без надобности каждый раз заново обрабатывать запросы к базе данных сайта.

На мой взгляд, один из лучших плагинов, которые помогают решить вопросы с кэшированием – это  W3 Total Cache. Он достаточно прост и одновременно эффективен.

Безымянный8

Устанавливаем We Total Cache и активируем Page Cache, Minify, Browser. После активации режимов обязательно просматриваем страницу и если она «крошится» — то меняем некоторые настройки. К примеру, я ставил в пункте Minify Mode галку на Manual вместо Auto, иначе страница крошилась и превращалась непонятно во что. Есть еще некоторые более продвинутые способы работы с кэшированием, но для начинающих сайтов, на которые заходит не десятки тысяч людей, хватит и простой установки плагина с последующей активацией опций, которые доступны по умолчанию.

Часть 1

Часть 2

 

Всего доброго, с вами был Эдуард Тихонов.

Не забываем рассказать о нас друзьям, нажимая на кнопки социальных сетей под статьей! Успехов!

Похожие материалы:

Понравилась статья? - поделитесь ею со своими друзьями!

Хотите Быть В Курсе Всех Новинок Сайта?!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

Есть что сказать? - Комментируй!

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

А Вы что думаете?