Плагин WordPress EWWW Image Optimizer | Оптимизируем изображения

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

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

Вес страницы страницы сайта напрямую зависит от количества и качества выводимого на странице контента, а также используемого на вашем сайте кода: PHP+HTML+CSS+JS.

Текстовый контент — самый легкий из всех видов контента. Самый «тяжелый» — файлы изображений.

Есть ресурс, с помощью которого я регулярно проверяю скорость загрузки всех своих сайтов — http://tools.pingdom.com/fpt

Проверка абсолютно бесплатная. Добавьте в окно адрес вашего сайта или URL проверяемой страницы, нажмите на Test Now, подождите несколько секунд и вы получите детальный анализ вашего сайта.

Вот такой результат я получил вчера, тестируя главную страницу моего блога — Плагины WordPress (нажмите, чтобы увеличить)

bestplugins-before

Обратите внимание на раздел — Size Analysis (Анализ размера) => Size per Content Type (размер по типам контента) => Image

Общий вес всех файлов изображений на главной составил 767,6 Kb. Это много. Почти 60% времени загрузки забрали именно файлы изображений. Это видно в показателях секции — Time Spent per Content Type (посередине вверху).

Как оптимизировать файлы изображений и что значит — оптимизация изображений?

Оптимизация графических файлов — это использование различных способов сжатия графических файлов без потери их качества. Инструменты сжатия бывают разные: jpegtranoptipng, pngout, и gifsicle. Также активно используются библиотеки PHP-скриптов ImageMagick и GD, установленные на вашем сервере.

Чаще всего, оптимизация изображений дает не очень много на одном файле — примерно от 2-х до 6-ти процентов снижения размера файла. Но если на одной странице выводится около 50 изображений (у меня на главной — 47), то простая арифметика говорит о снижении примерно на 100 Kb.

Советую прочитать еще:  Плагин WordPress Benchmark - тестируем хостинг

Плагин WordPress EWWW Image Optimizer как раз и использует все вышеперечисленные инструменты для автоматического сжатия графических файлов. Его некоторые дополнительные настройки позволят увеличить или уменьшить действие этих инструментов. Честно говоря, я не стал менять стандартные настройки, а сразу после установки и активации плагина перешел в раздел Медиафайлы => Bulk Optimize и запустил процедуру оптимизации изображений.

Времени займет много. У меня в блоге около 600 изображений. Времени ушло — примерно 40 минут.

После оптимизации изображений я вернулся на ресурс tools.pingdom и повторно выполнил тестирование скорости загрузки. Результат вы видите ниже:

bestplugins-after

Разница составила около 100 Kb.

Скорость загрузки страницы уменьшилась на 0,2 секунды.

Скачать плагин можно здесь — http://wordpress.org/plugins/ewww-image-optimizer

Следующим шагом буду думать как уменьшить размер скриптов JS.

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

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

Ваш email нигде не будет показан. Обязательные поля помечены *