Новая версия 5.7.0: изменение формирования изображений

Друзья! Сегодня вышла новая версия нашего городского портала "мой Город" на CMS Joomla, в которой мы полностью изменили формирование изображений, что дает большое количество преимуществ: увеличение скорости загрузки всего сайта, добавление материалов из админ панели, отложенную загрузку изображений, возможность AJAX перехода (без перезагрузки) по страницам всех каталогов.

Все время пока мы развивали проект было огромное количество вопросов по скорости загрузки портала. (Хоть мы и не считаем Google Page Speed объективным показателем производительности, но многие пользователи таковым его считают и поэтому было принято решение улучшить эти показатели.)

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

Что нового?

1. Полностью изменен функционал обработки изображений

Сама суть добавления изображений не была изменена. Все так же добавляется через формы компонента RS Form. Только теперь изображения в общих списках обрабатываются не с помощью плагина галереи SigPlus, а с помощью плагина Resize Image on the Fly and Cache. Изображения теперь стали статичными. Они обрабатываются во время загрузки страницы и после этого попадают в кэш, что делает загрузку портала быстрее

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

2. Отложенная загрузка изображений (Lazy Load)

После того, как все изображения стали статичными, появилась возможность отложить загрузку изображений до появления их при прокрутке страницы. Тем самым мы ускоряем загрузку еще сильнее. Функционал внедрен с помощью плагина JSLazyLoading.

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

3. Прокрутка материалов в категории без перезагрузки страниц (AJAX пагинация)

Как это работает. Например, пользователь переходит в Каталог организаций. На 1 странице каталога он видит 12 организаций и далее начинает постранично переходить, что бы посмотреть следующие 12 и так далее. 

Мы же реализовали возможность делать это без перезагрузки страницы. Т.е. в конце списка мы добавили кнопку "Показать еще", после нажатии этой кнопки подгружаются следующие 12 организаций без перезагрузки страницы. Функционал AJAX прокрутки материалов Joomla реализован с помощью плагина Ajax scroll.

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

4. Добавлена форма продления вакансий

Мы добавили форму продления вакансий с возможностью ее монетизации. Т.е. продление вакансий возможно сделать платным.

5. Добавлены ссылки на месседжеры WhatsApp и Viber в раздел Объявления

Мы продолжаем постепенно добавлять ссылки на месседжеры WhatsApp и Viber в разные разделы портала. На этот раз мы добавили их в раздел Объявления.

6. Формы добавления и редактирования материалов отправляют уведомления

Мы настроили все формы добавления и редактирования материалов на отправку уведомлений. Теперь достаточно только заменить E-mail администратора и все формы начнут отправлять уведомления на этот адрес.

Что исправлено?

Внимание!

Обновление будет массивным (не сложным), а именно массивным. Будет необходимо много делать вручную через админ панель. Изменять пути к изображениям, если нужно добавлять изображения. Для обновления потребуется много времени, поэтому, перед тем как начать обновляться, внимательно прочитайте инструкцию и выберите наиболее оптимальное время для того, что бы обновить портал.