---
title: Обзор Website X5 2019.3. Новые возможности
description: Добавлены объекты Контент-слайдер и Кнопка. Инструменты для ускорения сайта: сжатие изображений, Gzip сжатие, минификация JS и CSS. Панель подсказок
canonical_url: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3
language: ru-RU
date: 2023-11-04T15:43:53Z
notice: This is a machine-friendly version of the page at https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3.
markdown-tokens: 3189
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


#  Обзор Website X5 2019.3. Новые возможности 

- [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат").
- [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат").
 
- [Видео обзор](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3#video-obzor "Видео обзор").
- [Что нового в Website X5 2019.3](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3#chto-novogo-v-website-x5-2019-3 "Что нового в Website X5 2019.3"). 
    - [Объекты *Контент-слайдер* и *Кнопка*](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3#obekty-kontent-slajder-i-knopka "Объекты Контент-слайдер и Кнопка").
    - [Скорость загрузки сайта](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3#skorost-zagruzki-sajta "Скорость загрузки сайта").
    - [Другие изменения](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3#drugie-izmeneniya "Другие изменения").
 
Incomedia Website X5 – очень простая в изучении русскоязычная программа для создания сайтов разного типа.

## <a id="video-obzor"></a>Видео обзор

- Объект *Контент-слайдер* – с 00:01:20.
- Объект *Кнопка* – с 00:04:58.
- Скорость загрузки сайта – с 00:06:12.
- Другие изменения – с 00:08:21.
 
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").

Ссылки из видео:

- [Демонстрационный сайт](https://magazin.aleksius.com/images/demo/webx517/home.html "Демонстрационный сайт").
- [Видео уроки на английском языке](https://magazin.aleksius.com/en/ "https://magazin.aleksius.com/en/").
 
Программа позволяет сделать лендинг, визитку, блог, сайт фирмы и даже интернет-магазин. По функциональности Website X5 не позволяет делать то, что можно сделать при помощи таких CMS: WordPress, Joomla, OpenCart, PrestaShop и т.д., но по сравнению с популярными CMS, Website X5 гораздо проще в освоении. На мой взгляд, это основное преимущество данной программы. Плюс, сайты, сделанные на Website X5, существенно меньше нагружают сервер, а это позволяет обходиться менее дорогими тарифными планами. Из-за специфики генерируемых Website X5 сайтов, по сравнению с популярными CMS, их сложнее взломать.

В моём блоге [масса информации](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/ "Статьи и видео про Incomedia Website X5") по данной программе, начиная с 8-й версии (2011 год). Даже есть полноценные видео курсы по [созданию сайта с нуля](https://magazin.aleksius.com/video-uroki-website-x5-sozdanie-sajta-s-nulya "Видео уроки Website X5. Создание сайта с нуля") и его [усовершенствованию](https://magazin.aleksius.com/video-uroki-website-x5-rasshirennye-vozmozhnosti "Видео уроки Website X5. Расширенные возможности"). Эти видео уроки были сняты для 12-й и 13-й версии программы, но в большинстве случаев актуальны и для новых версий. Для Website X5 17 есть [видео-уроки на английском языке](https://magazin.aleksius.com/en/website-x5-tutorials-creating-a-website-from-scratch "Website X5 tutorials Creating a website from scratch").

В обзоре участвует последняя, на момент написания статьи (31.10.2019), русскоязычная версия Incomedia Website X5 Pro 2019.3.9 (64 bit). Рассматриваются новшества данной программы по сравнению с [Website X5 Pro 2019.2.5](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-2 "Обзор Website X5 2019.2. Новые возможности"). Обзор новых возможностей производится на [примере сайта](https://magazin.aleksius.com/images/demo/webx517/ "Демонстрационный сайт") из моего [англоязычного видео-курса](https://magazin.aleksius.com/en/website-x5-tutorials-creating-a-website-from-scratch "Website X5 tutorials Creating a website from scratch").

Website X5 2019.3, в плане пользовательского интерфейса и функциональности, по сравнению с 17-й версией и 2019.1, изменилась несущественно.

## <a id="chto-novogo-v-website-x5-2019-3"></a>Что нового в Website X5 2019.3

### <a id="obekty-kontent-slajder-i-knopka"></a>Объекты *Контент-слайдер* и *Кнопка*

**Объект *Контент-слайдер***. Это новый элемент в основных объектах страницы (рисунок ниже). Он позволяет создать слайды, содержащие изображение текст и кнопку. Поддерживает адаптивный дизайн.

Изображение может быть фоновое и основное. Вместо изображений можно использовать сплошные заливки цветом. Текст можно указывать для заголовка, содержимого и кнопки слайда.

 ![Website X5 2019.3](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/website-x5-2019-3.png "Website X5 2019.3") Website X5 2019.3 Кнопка может быть ссылкой на любое «действие» (рисунок ниже).

 ![Website X5](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/website-x5.png "Website X5") Website X5 В настройках стиля *Контент-слайдера* (рисунок ниже) можно выбрать один из четырёх «макетов», задать высоту слайдера, эффекты переходов между слайдами, настройки текста (шрифты, цвета, выравнивание и т.д.), включить авто воспроизведение и сменить стиль элементов управления слайдами (или вовсе их убрать).

 ![Website X5 rus](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/website-x5-rus.png "Website X5 rus") Website X5 rus На рисунке ниже показаны примеры слайдеров с разными настройками.

 ![Website X5 Pro](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/website-x5-pro.png "Website X5 Pro") Website X5 Pro **Объект** ***Кнопка***. По большому счёту, это не совсем новый объект. Кнопки были в программе давно. И сейчас есть разные платные объекты кнопок. Новшество в том, что этот объект бесплатный, но с ограниченным набором опций, по сравнению с платными объектами. Настроек не много (рисунок ниже), но вполне достаточно для создания полноценной кнопки с любым из доступных действий по её нажатию.

 ![Объект Кнопка](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/obekt-knopka.png "Объект Кнопка") Объект Кнопка ### <a id="skorost-zagruzki-sajta"></a>Скорость загрузки сайта

В своей предыдущей статье (на английском языке) «[Incomedia WebSite X5 speed optimization (tutorial part 16)](https://magazin.aleksius.com/en/blog/31-website-x5-speed-optimization "Incomedia WebSite X5 speed optimization (tutorial part 16)")» я уже рассматривал способы оптимизации скорости загрузки сайта. В Website X5 Pro 2019.3.9 появились свои собственные инструменты для повышения скорости загрузки сайта. Их можно найти в *Настройки – Расширенные – Статистика, SEO и код – SEO* (рисунок ниже).

 ![Инструменты оптимизации скорости загрузки сайта](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/instrumenty-optimizatsii-skorosti-zagruzki-sajta.png "Инструменты оптимизации скорости загрузки сайта") Инструменты оптимизации скорости загрузки сайта ***Оптимизация изображения***. Позволяет задать степень сжатия изображений. Не стоит путать эту опцию с опцией *Уменьшить разрешение больших изображений*, доступной в *Экспорт – Экспортировать* проект. Оптимизация изображения сжимает изображения, которые расположены на страницах сайта, а опция *Уменьшить разрешение больших изображений* сжимает/обрезает изображения внутри проекта сайта. Первая улучшает скорость загрузки сайта в браузере и уменьшает размер сайта на хостинге, а вторая сокращает размер файлов проекта на Вашем компьютере и ускоряет генерацию сайта в программе.

Я провёл небольшой эксперимент на копии [демонстрационного сайта](https://magazin.aleksius.com/images/demo/webx517/home.html "Демонстрационный сайт") из моих [англоязычных видео уроков](https://magazin.aleksius.com/en/website-x5-tutorials-creating-a-website-from-scratch "Website X5 tutorials Creating a website from scratch"). Проводил по три замера для каждого уровня сжатия, ниже показан усреднённый результат. Каждый раз увеличивал степень сжатия от меньшей к большей (постепенно).

Если включать любую из опций оптимизации изображений, то на время оптимизации процессор загружался почти на 100% (тестировал на процессоре Intel Core i7-4770 3.4GHz). Безусловно, указанные ниже результаты могут сильно отличаться в зависимости от количества изображений, их формата, размера и доступной вычислительной мощности компьютера. Но для общего понимания ситуации, этих данных вполне достаточно.

Также стоит отметить, что многие изображения, до их загрузки в проект сайта я оптимизировал при помощи [FileOptimizer64](https://nikkhokkho.sourceforge.io/static.php?page=FileOptimizer "FileOptimizer"). Это могло повлиять на степень сжатия этих изображений самой программой WebSite X5. Если предварительно не оптимизировать изображения, то результат сжатия может быть лучше.

 | **Оптимизация** | **Общий размер сайта** | **Время экспорта сайта на диск** | **Загруженность процессора** |
|---|---|---|---|
| *Без оптимизации* | 162 Мб | 14 секунд | 50% |
| *Оптимизация изображения – минимальная* | 161 Мб | 23 секунды | 100% |
| *Оптимизация изображения – средняя* | 158 Мб | 24 секунды | 100% |
| *Оптимизация изображения – максимальная* | 150 Мб | 25 секунд | 100% |
| *Оптимизация изображения – максимальная, Активировать минификацию файлов, Разрешить сжатие gzip* | 147 Мб | 26 секунд | 100% |

Как видите, размер без оптимизации на 9,26% больше, чем с оптимизацией. Пусть это и немного, но всё равно я бы рекомендовал пользоваться этими инструментами.

Ниже приведена таблица, в которой показан эффект от активации опции *Активировать минификацию файлов*.

 |  | **CSS всего сайта** | **JS всего сайта** |
|---|---|---|
| Без *Активировать минификацию файлов* | 21,1 Мб | 4,78 Мб |
| С *Активировать минификацию файлов* | 18,6 Мб | 3,79 Мб |

Для примера я попробовал сжать все изображения экспортированного сайта после *Оптимизация изображения – максимальная, Активировать минификацию файлов, Разрешить сжатие gzip* при помощи FileOptimizer64. Результат таков:

- общий размер сайта – около 110 Мб.
- Время оптимизации изображений – около 8 часов.
- Нагрузка на процессор около 25%.
 
Как видите, даже после максимальной оптимизации картинок в WebSite X5, можно было ещё больше их сжать. Но тут есть два существенных недостатка: время сжатия и тот факт, что при повторной выгрузке сайта на хостинг все, или часть, изображений снова будут не сжаты.

На рисунках ниже показаны результаты тестирования сайта до и после оптимизации, средствами Website X5 Pro, в сервисе Google PageSpeed Insights. На рисунках показаны только те разделы отчёта, на которые могли повлиять новые опции Website X5 Pro 2019.3.9.

 ![До оптимизации (Мобильный)](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/do-optimizatsii-mobilnyj.png "До оптимизации (Мобильный)") До оптимизации (Мобильный)  ![До оптимизации (Компьютер)](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/do-optimizatsii-kompyuter.png "До оптимизации (Компьютер)") До оптимизации (Компьютер)  ![После оптимизации (Мобильный)](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/posle-optimizatsii-mobilnyj.png "После оптимизации (Мобильный)") После оптимизации (Мобильный)  ![После оптимизации (Компьютер)](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/posle-optimizatsii-kompyuter.png "После оптимизации (Компьютер)") После оптимизации (Компьютер) В случае с моей тестовой страницей кардинальных изменений нет, но результат зависит от каждой конкретной страницы. В Вашем случае он может быть более ощутимым.

Также, в Website X5 Pro и Evo предусмотрено автоматическое добавление альтернативных шрифтов. Это ускорит отображение информации на страницах сайта, если Вы используете альтернативные шрифты (Шрифты Google или свои собственные). Пользователь увидит контент сайта со стандартными шрифтами, а как только загрузятся «специальные», то они сразу применятся.

### <a id="drugie-izmeneniya"></a>Другие изменения

**Панель подсказок**. Если ширина окна программы более чем, примерно, 1300 пикселей, то в правой части появится специальная панель с тематической справочной информацией (рисунок ниже). На данный момент (31.10.2019) большая часть информации доступна на английском языке. Панель можно отключить, нажав на иконку вопросительного знака в верхней панели инструментов и выбрав *Показать подсказки*. Там же появились новые ссылки на обучающие материалы.

Также появился новый [справочный центр](https://guide.websitex5.com/en/support/home "WebSite X5 Guide").

 ![Справочная панель](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/spravochnaya-panel.png "Справочная панель") Справочная панель **Новые шаблоны.** Для Pro версии было добавлено 10 новых шаблонов, плюс были обновлены 5 старых шаблонов для Evo и Pro. В каждом из них используется новый объект *Контент-слайдер*. О том, как обновить свой шаблон, можно узнать в предыдущей статье «[Обзор Website X5 2019.1. Новые возможности](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-1#shablony "Обзор Website X5 2019.1. Новые возможности")».

 ![Новые шаблоны](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/novye-shablony.png "Новые шаблоны") Новые шаблоны **Управление объектами**. Было обновлено окно управления объектами (рисунок ниже), чтобы упростить поиск нужных объектов.

 ![Управление объектами](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/upravlenie-obektami.png "Управление объектами") Управление объектами **Другие новшества**.

- Обновлены пиктограммы объекта *Галерея*.
- В окне поиска шаблонов добавлена категория *Новинки*.
- В окне поиска объектов и в фильтре объектов при создании страниц, добавлена новая категория *Использованы в проекте*.
- Другие мелкие обновления и исправления.
 
 ![Пиктограммы галереи](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-2019-3/piktogrammy-galerei.png "Пиктограммы галереи") Пиктограммы галереи В версии 2019.3 появилось несколько полезных новшеств: новые объекты и опции по оптимизации скорости загрузки. Также радует появление новых шаблонов, которые ещё больше упрощают создание сайта. Плюс, стоит отметить ряд мелких изменений, которые ускоряют работу с программой и делают её более комфортной.

В следующей статье «[Обзор WebSite X5 2020.1. Обновление интернет-магазина](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-2020-1 "Обзор WebSite X5 2020.1. Обновление интернет-магазина")» мы рассмотрим фильтр товаров и другие новшества интернет-магазина.

 | Похожие материалы |
|---|
| - [ Видео уроки Website X5. Расширенные возможности ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-rasshirennye-vozmozhnosti) - [ Обзор Website X5 v14. Новшества программы ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-14) - [ Видео уроки Website X5 14 (часть 1). Быстрое создание сайтов ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-14) - [ Видео уроки Website X5 Professional 14 (часть 2). Как создать сайт самому и быстро ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kak-samomu-sdelat-veb-sajt) - [ Видео уроки Incomedia Website X5 Professional 14 (часть 3). Как сделать сайт самому ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kak-sdelat-sajt-samomu) - [ Обзор Website X5 15. Новые возможности ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-15) - [ Обзор Website X5 Professional 16. Google AMP, GDPR и другие новшества ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-16) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")  Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")        **Контакты:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо")      **Социальные сети:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публикации и работа:**  - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |

**Полезные** **ссылки:**

- [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат").
- [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат").
