Сайт на конструкторе, CMS, фреймворке или собственная разработка — что лучше?

Более 90% бизнеса в России имеют «онлайн-витрину» — сайт, с помощью которого они презентуют свои товары и услуги и общаются с клиентами. Сайты есть и у индивидуальных предпринимателей, людей творческих профессий, а также у многих коммерческих и некоммерческих учреждений. Неудивительно, что индустрия «сайтостроения» обширная и довольно сложная!

Если вы тоже решили обзавестись интернет-порталом, читайте нашу статью. Мы составили для вас полный гайд по их видам и объяснили термины простым языком. Это подготовит вас ко встрече с разработчиком, а может, даже вдохновит сделать сайт своими руками.

Разберём коротко, как устроен типичный вебсайт.

Любая интернет-страница состоит из внешней и внутренней части. Говоря простым языком, внешняя (фронтенд) — это дизайн и контент, внутренняя (бэкенд) — это база данных и административная панель.

Представьте себе ресторан.

Фронтенд (Frontend) — это то, что видят посетители ресторана: меню, интерьер, официанты, которые принимают заказы и подают блюда. Это всё, с чем взаимодействует пользователь напрямую.

Бэкенд (Backend) — это то, что происходит «за кулисами»: кухня, повара, которые готовят блюда, склад с продуктами, система управления заказами. Это всё, что обеспечивает работу сайта «под капотом», но не видно пользователю.

Если разбирать более подробно, то фронтенд — это часть веб-разработки, отвечающая за визуальное представление сайта и взаимодействие пользователя с ним. Сюда входят создание дизайна (макеты, цветовая гамма, шрифты); разработка интерфейса (кнопки, формы, меню); интерактивные элементы (анимации, слайдеры, всплывающие окна); оптимизация скорости загрузки сайта и адаптация страниц под разные устройства.

Бэкенд же — часть веб-разработки, отвечающая за логику работы сайта, хранение данных и обработку запросов пользователей. К нему относятся обработка запросов от пользователей (например, отправка формы, заказ товара); хранение и управление данными (информация о пользователях, товарах, заказах); взаимодействие с базами данных; защита от взлома и хакерских атак.

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

Веб-дизайн (web design): часть работы над сайтами и приложениями: создание визуального оформления, включая структуру, цветовое решение, шрифты и графику.

Веб-разработка (web development): процесс создания функциональности, включая программирование на различных языках (Javascript, CSS, PHP, HTML и другие), интеграцию с базами данных и прочими системами.

CMS (Система управления контентом), или «движок» сайта: программное обеспечение, позволяющее легко создать, редактировать и публиковать контент на сайте без специальных знаний языка программирования (например, WordPress, Joomla, Drupal).

Контент: информация, размещаемая на страницах (тексты, изображения, видео, аудио).

Доменные имена (домены): уникальные названия сайта, например, example.com, которые используются для доступа и поиска. Помогает различать сайты и понимать, о каком идёт речь.

Хостинг: услуга предоставления места на сервере, где хранятся файлы, и обеспечения его доступности всему интернету.

Главная страница: первая страница веб-портала, которая обычно содержит основную информацию о компании или проекте. Посетитель узнаёт на ней, какой компании или организации принадлежит сайт.

Блог: раздел сайта, где можно писать статьи, новости и другие информационные материалы. С блогом часто делаются корпоративные порталы и веб-страницы организаций.

Форма обратной связи: вид интерактивных элементов. Они позволяют посетителям отправлять сообщения компании.

Есть три пути, как создать сайт, и, соответственно, три типа интернет-ресурсов:

•

Собранные с помощью онлайн-конструкторов.

•

Созданные на CMS — системах управления сайтом (коробочных или самописных).

•

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

При сборке сайта с помощью конструктора нужно позаботиться только о контенте. Остальное делают из готовых элементов, как фигурка «Лего», поэтому и дизайны, и база по функционалу уже есть в готовом виде. Не нужно уметь писать на языке программирования и разбираться в веб-дизайне, достаточно хорошо продумать структуру и подобрать качественный контент. А также определиться, каким конструктором вы будете пользоваться. С такой разработкой может справиться и новичок в IT, поэтому услуги доступны многим.

Разрабатывая сайт на CMS, его владельцы делают дизайн и архитектуру. Вся техническая часть уже есть в «движке» — отдельно писать её не нужно.

Наконец, при самостоятельной разработке с нуля, кроме дизайна и функционала, нужно подумать и программную часть. Работу программиста облегчают фреймворки, готовые решения для разных функций сайта: с ними можно писать меньше кода, а значит, быстрее закончить проект и отладить его. Это лучше с точки зрения трудозатрат.

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

Проведём аналогию с автомобилем

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

Есть платные и бесплатные версии. Они отличаются богатством функционала. Какой воспользоваться, зависит от потребностей заказчика.

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

Популярные конструкторы Рунета: Базиум, Тильда, Flexbe, Craftum.

02

Портал нужно запустить как можно быстрее.

Нужен простой сайт с типовыми функциями: визитка, портфолио, лендинг или система лендингов (одностраничных сайтов), несложный интернет-магазин.

01

•

Легко работать. Не нужна команда дизайнеров и разработчиков, не нужно знать языки программирования. Вы получаете доступ к хостингу, шаблоны, модули и виджеты недорого или даже бесплатно.

•

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

•

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

•

Просто управлять. Можно самостоятельно вносить изменения, не привлекая специалистов.

•

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

•

Нельзя оптимизировать код (сделать его лучше), потому что обычно к нему нет доступа. Любые баги смогут исправить только разработчики конструктора.

•

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

•

Чужая реклама на вашем сайте. Эту проблему можно решить за отдельную плату.

Коробочная CMS — это готовый программный продукт, который помогает управлять контентом и проводить настройку сайта в одном месте.

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

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

У вас возникнет логичный вопрос, в чем разница между конструктором и коробочной CMS? С помощью CMS можно расширять функциональность своего сайта (для этого пользуются различными плагинами и модулями), тогда как возможности конструктора ограничены: там есть строго определённые инструменты.

Популярные CMS: WordPress, Drupal, Joomla!, Wix, Squarespace, Shopify. Самая популярная из бесплатных — WordPress.

02

Важен расширенный функционал.

Вам нужно проверенное решение.

01

03

Вы готовы разработать дизайн и верстку своими силами.

•

Легко изучить и настроить стандартный сайт. Не нужно знать языки программирования.

•

Популярность. Коробочные CMS широко известны среди диджитал-специалистов. И чем популярнее CMS, тем проще найти или заменить команду разработки.

•

Подключаемые модули. Можно расширять возможности за счёт плагинов.

•

Техническая поддержка. Компании-разработчики поддерживают собственные продукты.

•

Комплект полноценных документов.. Для коммерческих коробочных CMS легко найти всю сопутствующую документацию.

•

Есть API. Готовые платформы имеют проработанные интерфейсы прикладного программирования, который позволяет интегрировать ресурс с другими сервисами.

•

Ограниченная функциональность. Как правило, у каждой CMS своя специализация, которую, впрочем, можно расширить за счёт редакций.

•

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

•

Избыточность некоторых модулей. Большая часть возможностей может вообще не использоваться.

•

Уязвимость. Поскольку основная масса коммерческих сайтов сделана на популярных коробочных версиях CMS, именно на них направлены атаки.

Далее рассмотрим системы управления контентом, разработанные отдельным программистом или студией. Это аналоги массовых CMS, но имеют небольшое распространение, даже если продаются. Могут создаваться на заказ.

Говоря простым языком, если массовые CMS — это универсальные решения, то самописные версии — продукт индивидуальной разработки. Обычно заточены под решение конкретных задач.

02

Вы уверены в разработчике самописного движка.

Готовые решения вам однозначно не подходят.

01

03

У вас есть время и деньги на разработку.

Самописные CMS чаще используют для специфических проектов, когда требуется повышенный уровень безопасности, гибкость или, наоборот, простота в работе. Примером могут служить движки, разработанные для онлайн-СМИ. Они лишены громоздкости массовых систем и при этом могут обладать функциями управления контентом, которых нет в обычных движках.

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

•

Можно писать функции сайта под конкретный проект.

•

Нет плагинов и расширений, которые требуют обслуживания и утяжеляют сайт.

•

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

•

Выше производительность, поскольку нет лишнего кода.

•

Проще управление — можно включить только те элементы, которые вам необходимы.

•

Привязка к конкретному разработчику. Обновления не получится сделать без ссылок на него.

•

Высокая стоимость проекта. Придётся оплачивать услуги опытных программистов или студию.

•

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

•

Зачастую нет полноценной документации, поскольку проекты изначально строятся под заказ и не рассчитаны на массовое использование.

•

Сложности с технической поддержкой. Если исполнитель вдруг пропадёт, вы столкнетесь с большими проблемами.

•

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

В переводе с английского framework — каркас, остов, структура. В разработке это готовая надстройка над «чистым» языком программирования.

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

Фреймворк — это готовая надстройка над «чистым» языком программирования: набор отлаженного кода для решения конкретных задач, которые чаще всего стоят перед разработчиками. Если при разработке на CMS вы отрезаете все лишнее, то здесь всё наоборот: «лепите» сами, добавляя по готовому блоку. Во многих случаях такой подход является более эффективным и оправданным.

На основе фреймворков можно разработать отдельное веб-приложение, сайт и даже CMS. Фреймворки существуют для всех языков программирования, бывают самописными и студийными. Наиболее популярные представители: Yii, Zend Framework, Symfony2, Laravel, Phalcon, Codeigniter, Kohana.

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

01

02

Необычный, нешаблонный проект. Тот случай, когда лучше писать что-то самому, чем переделывать.

Проект будет активно изменяться и подстраиваться под тренды и ваши потребности.

03

04

У вас как у заказчика достаточно опыта и есть чёткое понимание, о каком проекте идёт речь.

Разработка на фреймворках сложнее, чем на CMS, и требует высокой квалификации как от разработчиков, так и от заказчика. Необходимо подобрать специалиста, оценить его опыт и чётко поставить перед ним задачи. Гибкость разработки на фреймворках открывает массу возможностей, но между тем приносит определённые сложности.

•

Высокая производительность. Меньше любых лишних элементов — быстрее работа.

•

Большая степень индивидуализации для решения конкретных задач.

•

Отлаженный код и безопасность. Фреймворки постоянно тестируют на ошибки.

•

Гибкость. Можно легко решать даже нестандартные задачи, при этом разными путями.

•

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

•

Сложность — разработчику необходимо обладать высокой квалификацией.

•

Нет административной части — раздел редактирования нужно писать самостоятельно.

•

Нужно много времени — сроки значительно увеличиваются.

•

Высокая стоимость разработки.

•

Дорогое обслуживание. Развитие сайта также будет стоить дороже, поскольку каждый раз придётся привлекать специалистов.

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

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

01

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

02

•

Высокая производительность.

•

Лучше контроль разработки.

•

Свобода творчества — вы ограничены только возможностями языка разработки.

•

Большие временные затраты: настройте себя на долгое ожидание.

•

Требуется высокая квалификация и опыт разработчиков, поскольку им придётся создавать все с нуля.

•

Нужен большой бюджет.

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

Хорошо, если у вас есть бюджет на агентство, но с ним процесс становится не таким гибким.

Подавляющее большинство сайтов — а их миллионы — работают на CMS.

Подавляющее большинство сайтов — а их миллионы — работают на CMS.

Ещё недавно персональная CMS была у каждой студии. Даже мы в Uplab создавали собственную CMS на оптимальном для нас языке программирования, но по ряду рациональных причин перешли на Битрикс.

Мы уверены, что сделали верный выбор. Поддержка собственной CMS отнимала много сил, а результат не всегда радовал. Битрикс продолжает набирать обороты и сейчас занимает верхние строчки в рейтинге CMS Magazine.

В 2022 году мы провели собственное исследование корпоративных сайтов крупнейших компаний России.

В исходный список вошло 100 компаний — госкорпорации, лучшие компании из рейтинга Топ-500 РБК и Состава индекса Московской Биржи. Из них 22 компании обновляли свои порталы в 2020—2021 годах

1. АФК Система
2. Московский кредитный банк
3. Северсталь
4. Детский мир
5. Интер РАО
6. Магнит
7. Мечел
8. МТС
9. М.Видео — Эльдорадо
10. НЛМК
11. Новатэк
12. Фосагро
13. ПИК
14. Полюс
15. Ростелеком
16. Русал
17. Сбербанк
18. Сургутнефтегаз
19. Татнефть
20. ТМК
21. Банк ВТБ
22. Яндекс

62% сайтов разработаны на базе CMS «1C-Битрикс: Управление сайтом».

Крупные современные компании сейчас доверяют CMS «1С-Битрикс», и на это есть несколько причин:

Удобно управлять контентом и ролями пользователей, есть встроенные системы информационной безопасности и возможность расширения функционала — это перевешивает преимущества онлайн-конструкторов.

01

02

Любой клиент хочет увидеть MVP как можно скорее. И ему далеко не всегда важны исходные коды сайта и на каком языке программирования они создаются. Важнее, чтобы все корректно работало. Битрикс позволяет сделать качественную поставку в короткие сроки.

Еще один важный фактор для клиента — деньги. По нашему опыту оценки проектов, цена разработок на Битриксе ниже, и он лучше подходит под большинство задач на рынке. Часто возникает вопрос по поводу производительности высоконагруженных систем.

03

04

У Битрикс есть сертификация. Она показывает квалификацию специалистов как для нас, когда мы набираем команду, так и для клиентов. Кроме того, у Битрикса есть подробные руководства по разработке — это помогает придерживаться общих правил создания проектов и снижать затраты на поддержку и доработку сайтов в будущем.

05

Популярность Битрикса позволит быстро найти или сменить команду разработки. У вас не возникнет проблемы, что проект некому поддерживать и развивать.

Какой бы метод вы ни выбрали, делайте это осознанно, тщательно оценив риски, сроки и бюджет. Учитывайте цели проекта и ваши возможности.