Модуль входить у пакет модулів SpeedUP для прискорення CS-Cart та Multi-Vendor проектів (надається безкоштовно у складі пакета).
Які проблеми вирішує модуль "Preload (Попереднє завантаження)":
- Забезпечує технічну реалізацію попереднього завантаження файлів шрифтів (прямі вимоги сервісу аудиту швидкості Google PageSpeed Insights);
- забезпечує використання пріоритетів завантаження файлів зображень при завантаженні сторінок (покращує показники FCP/LCP, значимість яких неодноразово підкреслювалася в анонсах Google щодо зміни алгоритмів пошукового ранжирування в 2021 році);
- забезпечує адмінський інтерфейс для тонкого налаштування попереднього завантаження зображень для різних типів сторінок магазину (інтерфейс дає розуміння необхідності попереднього завантаження тих чи інших зображень у типових блоках на сторінках різних сторінок);
- забезпечує покращення швидкості завантаження сторінок браузером користувачів (навіть візуально сторінки починають вантажитися дуже швидко);
- забезпечує додаткові бали в оцінці швидкості Google PageSpeed Insights.
Скільки додаткових балів по Google&PageSpeed Insights дасть використання модуля?
На наших демо модуль на різних сторінках дає додатково від 20 до 30 балів в оцінці. (Показники можуть змінюватися від сайту до сайту, розробник не може гарантувати скільки балів оцінки додатково отримає ваш сайт.)
Пропонуємо до перегляду відео з роботою модуля "Preload (Попереднє завантаження)":
Новий інтерфейс для тонкого налаштування завантаження зображень на типових сторінках магазину.
- Попереднє завантаження шрифтів
- Виконує пріоритети завантаження зображень під час завантаження сторінок сайту
- Вищий бал за Google PageSpeed Insights
- Використання аналізатора для обчислення відсоткового співвідношення зображень на першому екрані
- Глибока інтеграція з UniTheme2 та YoupiTheme (інтеграція з темами “UniTheme2 - адаптивним преміум шаблоном” та “YoupiTheme - преміум шаблоном для CS-Cart”)
- Можливість завантажувати SEO-сторінки для фільтрів у блоці підкатегорій (інтеграція з модулем "АВ: SEO-сторінки для фільтрів")
- Можливість завантажувати обкладинку відео товару, встановленого як зображення товару за умовчанням (інтеграція з модулем "АВ: Відео галерея товару")
- Налаштування попереднього завантаження зображень категорій та підкатегорій (інтеграція з модулем "АВ: Швидка навігація по магазину")
- Можливість завантажувати зображення банерів категорій (інтеграція з модулем "АВ: Банери для категорій")
Попереднє завантаження шрифтів
Модуль дозволяє вказати список посилань на шрифти, що використовуються вітриною, формат шрифту, вказати необхідність автоматичного додавання мітки часу і статусу обробки шрифту. При завантаженні сторінки додані шрифти будуть завантажені, використовуючи Preload. Це прискорить завантаження сторінки в цілому і вирішить пункт вимог аудиту швидкості від Google PageSpeed Insights, яку SEO-фахівці вважають однією з найзначніших метрик оцінки швидкості завантаження сторінок.
Тобто, в той час як інші шрифти завантажуються лише після завантаження та обробки файлу стилів, попередньо завантажені шрифти вже доступні і не затримують малювання сторінки.
Виконує пріоритети завантаження зображень під час завантаження сторінок сайту
Модуль забезпечує попереднє завантаження графічних файлів, які використовуються сторінками у верхній видимій частині сайту. Це дозволяє покращити User Experience (UX) та показники FCP/LCP, що забезпечить більш високу стабільність верстки під час завантаження сторінки. Також за допомогою попереднього завантаження ви отримаєте більш швидке відтворення важливого контенту сторінок, а значить, ваш сайт буде на вищій позиції в пошуковій видачі.
Вищий бал за Google PageSpeed Insights
Проводячи аналіз на наших демо, на різних сторінках ми отримали додатково від 20 до 30 балів в оцінці. Звичайно, показники можуть змінюватися від сайту до сайту, розробник не може гарантувати, скільки балів оцінки додатково отримає ваш сайт.
Використання аналізатора для обчислення відсоткового співвідношення зображень на першому екрані
Модуль містить спеціальний аналізатор, який допомагає визначити відсоткове співвідношення зображень на першому екрані. Для кожного зображення є колірний індикатор із цифровим значенням та підказкою. Даний аналізатор доступний головному адміністратору і може показувати відсоткове співвідношення як на першому екрані комп'ютера, так і на мобільному пристрої.
Приклад роботи аналізатора на стаціонарному комп'ютері:
Приклад роботи аналізатора на мобільному пристрої:
Глибока інтеграція з UniTheme2 та YoupiTheme (інтеграція з темами “UniTheme2 - адаптивним преміум шаблоном” та “YoupiTheme - преміум шаблоном для CS-Cart”)
Використовуючи теми “UniTheme2 - адаптивним преміум шаблоном” та “YoupiTheme - преміум шаблон для CS-Cart" разом з модулем "АВ: Preload (Попереднє завантаження)", ви отримуєте наступні переваги:
- можливість завантажувати головне зображення товару;
- можливість завантажувати зображення підкатегорій;
- можливість вказати частину вікна браузера, який займає кожна підкатегорія;
- можливість вказати кількість товарів для виду списку товарів "Сітка";
- можливість вказати частину вікна браузера, який займає товар у списку "Сітка";
- можливість вказати кількість товарів для виду списку товарів "Список без опцій";
- можливість вказати частину вікна браузера, який займає товар у списку "Список без опцій";
- можливість зазначити кількість товарів для виду списку товарів "Компактний список";
- можливість вказати частину вікна браузера, який займає товар у списку "Компактний список";
- можливість налаштувати попереднє завантаження для банерів із шаблонами “AB: Розширений банер (Карусель)” та “AB: Розширений банер”.
Можливість завантажувати SEO-сторінки для фільтрів у блоці підкатегорій (інтеграція з модулем "АВ: SEO-сторінки для фільтрів")
Завдяки інтеграції з модулем "АВ: SEO-сторінки для фільтрів" ви можете завантажувати зображення SEO для фільтрів, які знаходяться в блоці підкатегорій.
Можливість завантажувати обкладинку відео товару, встановленого як зображення товару за умовчанням (інтеграція з модулем "АВ: Відео галерея товару")
Завдяки інтеграції з модулем "АВ: Відео галерея товару" ви можете завантажувати обкладинку відео товару, яке встановлено як зображення товару за умовчанням. Це забезпечує використання пріоритетів завантаження файлів зображень при завантаженні сторінок (покращує показники FCP/LCP, значимість яких неодноразово підкреслювалася в анонсах Google щодо зміни алгоритмів пошукового ранжирування в 2021 році)
Налаштування попереднього завантаження зображень категорій та підкатегорій (інтеграція з модулем "АВ: Швидка навігація по магазину")
Завдяки інтеграції з модулем "АВ: Швидка навігація по магазину" ви маєте гнучкі налаштування для блоку швидкої навігації, які дозволяють налаштовувати попереднє завантаження зображень категорій та підкатегорій.
- Включити попереднє завантаження -- при увімкненому налаштуванні модуль дозволяє автоматично завантажувати зображення категорій та підкатегорій у блоці швидкої навігації.
- Відсоток області перегляду - частина першого екрана, яку займає зображення. Доступний вибір для кожного пристрою окремо.
Можливість завантажувати зображення банерів категорій (інтеграція з модулем "АВ: Банери для категорій")
Завдяки інтеграції з модулем "АВ: Банери для категорій" Ви маєте можливість завантажувати зображення банерів категорій.
- CS-Cart для інтернет-магазинів Free
- CS-Cart для інтернет-магазинів Standard
- CS-Cart для інтернет-магазинів Ultimate
- CS-Cart Multi-Vendor Standard
- CS-Cart Multi-Vendor Plus
- CS-Cart Multi-Vendor Ultimate
- SEO оптимізація
- Прискорення сайту
- 4.11.2
- 4.11.3
- 4.11.4
- 4.11.5
- 4.12.1
- 4.12.2
- 4.13.1
- 4.13.2
- 4.13.3
- 4.14.1
- 4.14.2
- 4.14.3
- 4.15.1
- 4.15.2
- 4.16.1
- 4.16.2
- 4.17.1
- 4.17.2
- 4.18.1
У деяких випадках платформа CS-Cart не дозволяє чистою модульною реалізацією розширити необхідний функціонал. У таких випадках потрібно редагувати системні файли для внесення хуків.
- 6 місяців (доступне платне продовження після закінчення)
Не знайдено дописів
Команда розробників AB гарантує обмежену технічну підтримку клієнтам через власну систему технічної допомоги.
Підтримка включає:
Підтримка не включає:
Повний перелік умов технічної підтримки та її регламенти доступні за допомогою посилання.
[*] Видалений контроллер, який не використовувався.
[*] Підвищена ефективність роботи попереднього завантаження в браузері Google Chrome.
Виправлення помилок:
[!] Тема UniTheme2. Не працювало попереднє завантаження зображень підкатегорій. Виправлено.
[!] Модуль HiDPI. Не відбувалося попереднє завантаження 2x зображень. Виправлено.
[!] Неправильно встановлювалася часова мітка для шрифта, через що шрифти могли завантажуватися двічі. Виправлено.
[!] Посилання на одне і те ж зображення могло кілька разів попередньо завантажуватись. Виправлено.
[!] Тема Responsive і модуль "HiDpi". Скроллер зображень в списках товарів не завантажував друге і наступні зображення. Виправлено.
[!] Тема YoupiTheme. Не завантажувалося фонове зображення банерів. Виправлено. [!] Модуль "WebP зображення". Логотип завантажувався в оригінальному форматі (не WebP). Виправлено.
[!] Зображення з кириличними іменами порушували роботу аналізатора. Виправлено. [!] Тема UniTheme2. Модуль Hidpi. При налаштуванні теми "Замінювати основне зображення товару при наведенні на іконку варіації", на екранах Retina використовувалися стандартні зображення, замість зображень підвищеної чіткості. Виправлено.
[+] Додана сумісність із модулем "AB: Швидка навігація" версії 1.10.0 і вище, де в блоці швидкої навігації додано налаштування "Увімкнути передзавантаження". [+] YoupiTheme. Додано налаштування передзавантаження. [+] Додана сумісність із модулем "AB: Відео галерея товару" версії 2.5.0 та вище. [+] UniTheme2, YoupiTheme. Додано попереднє завантаження зображень підкатегорій. [+] UniTheme2, YoupiTheme. Додано налаштування передзавантаження зображень підкатегорій на сторінку "Налаштування теми → вкладка "Модулі". [+] Модуль "AB: SEO-сторінки для фільтрів" версії 7.5.1 і вище. Додано передзавантаження SEO-сторінок для фільтрів у блоці підкатегорій. [+] UniTheme2, YoupiTheme Додані налаштування теми "Відсоток області перегляду" для підкатегорій та товарних списків на сторінку "Налаштування теми → вкладка "Модулі", з можливістю налаштування окремо для кожного пристрою. [+] UniTheme2, YoupiTheme. Додано настройки "Відсоток області перегляду" до блоку банерів, з можливістю налаштування окремо для кожного пристрою. [+] UniTheme2, YoupiTheme. Модуль "AB: Швидка навігація". Додано параметр "Відсоток області перегляду" до блоку "AB: Швидка навігація", з можливістю налаштування окремо для кожного пристрою.
Зміни у існуючій функціональності:
[*] Налаштування блоку банерів "Вимкнути Lazy Load першого банеру" перейменовано в "Предзавантажити перший банер".
Виправлення помилок:
[!] UniTheme2. Не завантажувалися звичайні графічні банери в шаблоні "AB: Розширений банер (Карусель)". Виправлено. [!] UniTheme2, YoupiTheme. Банер не завантажується, якщо для нього не було вибрано фонове зображення. Виправлено. [!] Модуль "Підтримка HiDPI". Неправильні зображення могли завантажуватися. Виправлено.
Нові можливості та покращення:
[+] Добавлена возможность динамически предзагружать изображения.
[+] Тема UniTheme2. На странице "AB: UniTheme2 -> Настройки темы -> До вкладки "Модулі" додано настройки попереднього завантаження зображень. [+] Додане автоматичне попереднє завантаження для списків товарів, головного зображення товару, головного зображення блогу. [+] Тема UniTheme2. До шаблонів "AB: Розширений банер (Карусель)" та "AB: Розширений банер" додано налаштування "Вимкнути Lazy Load першого банера" . [+] Тема YoupiTheme. У шаблон "AB: Розширений банер (Карусель)" додано налаштування "Вимкнути Lazy Load першого банера" .
[+] Додана сумісність із CS-Cart 4.12.1.
[!] При підключенні файлів стилів за умовами виникало дублювання завантаження шрифтів. Виправлено.
[+] Додана підтримка української мови.
Виправлення помилок:
[!] После использования кнопок "Редактор тем", "Редактировать макет" или "Редактировать контент" на странице "Панель администратора -> Дизайн -> Теми", кнопки "Редактор тем", "Редагувати макет" шрифти з міткою часу, що завантажувалися двічі. Виправлено. [!] На мультивітринних сайтах могло виникати дублювання завантаження шрифтів. Виправлено.
