Скорость блога — плагины для изображений Shutter Reloaded и JQuery Colorbox

Здравствуйте, уважаемые друзья! Скорость блога на WordPress — больная тема для многих блоггеров, а первое, что значительно нагружает ресурс и создает лишние запросы к базе данных — это плагины. Если их много, то скорость загрузки онлайн дневника может значительно снизиться, хотя от некоторых решений, все же, отказаться просто невозможно. Так же как не всегда получается  купить ssl сертификат.  Поэтому приходится искать более легкие и функциональные плагины, которые выполняли ту же работу, но добавляли меньше секунд до полной загрузки страницы.

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

До недавнего времени я использовал плагин Lightbox Plus ColorBox, который выполнял хороший и эффектный вывод изображений с помощью технологии jQuery, имел большую библиотеку скинов для рамок, но очень нагружал блог. Заменить его все не доходили руки, но сегодня, взглянув на статистику P3 — Plugin Performance Profiler, я решил подойти к этому вопросу конкретно.

Вот что выдавал мне P3 — Plugin при использовании Lightbox Plus ColorBox:

Красная область показывает, что львиную долю скорости забирал именно этот плагин изображений. Когда я посмотрел подробный отчет, то увидел следующее:

Видно, что именно Lightbox Plus ColorBox загружается дольше всех, более 0.5 секунды. Время не очень то и критический, но совокупность таких вещей и может дать в сумме несколько секунд до загрузки блога в целом.

Плагинов, которые обеспечивают вывод картинок с помощью jQuery и не только, существует просто множество. FancyBox для WordPress, Auto Thickbox, Simple Lightbox, Shutter Reloaded и многие другие.

Первый, который я бы хотел Вам порекомендовать, это плагин Shutter Reloaded. Просто безотказное решение, которое работает на всех темах, без сбоев и без глюков. Некоторые из этих приложений любят конфликтовать с скриптом jQuery в теме, но Shutter Reloaded просто обставляет всех — работает в любых условиях.

При незначительных настройках плагин можно подогнать под внешний вид Вашего блога. Настройки находятся в вкладочци Дизайн-Shutter Reloaded.

В действии это выглядит следующим образом (внешний вид я изменил под цветовую гамму своего ресурса):

Если предыдущий плагин Lightbox Plus ColorBox давал значительную нагрузку по сравнению с другими, то действие этого — даже не заметна.

Аналогично, при детальном просмотре даже упоминания не о том, что Shutter Reloaded где-то перегружает блог.

Загружайте этот плагин с http://wordpress.org/plugins/shutter-reloaded/ — устанавливайте и пользуйтесь.

Второй плагин, который я также хотел бы выделить — это JQuery Colorbox. Если проводить аналогию между этими двумя решениями, то первое — для простеньких шаблонов, которые имеют определенные проблемы с jQuery, а второе — эстетическое исполнение, для качественных и современных шаблонов.

На некоторых темах WordPress плагин JQuery Colorbox отказывался работать, но последнее обновление было в этом году (Last Updated: 2013-1-21), поэтому, скорее всего, недостатки были исправлены. Тем не менее, последняя версия JQuery Colorbox у меня работает на ура, хотя повторюсь — все зависит от шаблона.

Настройка этого плагина находится в Опциях — все привычно, как и всегда. Расписывать все не буду, все настройки просты и понятны, тем более — присутствует украинская речь. Выделю одно — наличие 11 шаблонов, так что не выбрать что-то подходящее — просто не получится (кликабельно).

В результате применения этого решения, мы получаем вот такой эффект на изображениях в статье:

jQuery Colorbox

Выглядит очень круто. Если говорить о быстродействии и нагрузки на блог, то с этим JQuery Colorbox также справляется на все 100%.

Как Вы можете увидеть — действие плагина практически незаметна.

Итак, друзья, делаем итог: решений для увеличения изображений на WordPress существует множество, но не все они одинаково полезны. Если Вы выбираете определенный плагин — следите за его быстродействием. С протестированных мной (а их более 10) я рекомендую всего два — Shutter Reloaded и JQuery Colorbox.

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

Желаю Вам удачного дня и хорошо отпраздновать Троицу.

С уважением, Олег Волощук.