Как бы вы описали идеальный сайт?

В целом, идеальный сайт должен соответствовать трем критериям:

  • иметь простую навигацию и высокие параметры юзабилити;
  • быстро прогружаться и работать;
  • использовать как можно меньше ресурсов.

Принимая во внимание тот факт, что почти весь контент на сайтах сегодня динамический, думать обо всех трех критериях одновременно становится практически невозможно. именно поэтому люди предпочитают использовать системы cms наподобие wordpress. они простые и подходят для любых целей. такие cms уже оптимизированы матерыми программистами. к тому же, для них существует множество плагинов, например, wp super cache. но не все так хорошо, как кажется:

Часто такие cms работают довольно медленно. не важно, насколько оптимизирована платформа. Статический html в любом случае приведет к снижению работы.

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

Эти cms требуют много ресурсов.

В случае неправильной настройки и управления такие cms могут стать лазейкой для атак на ресурс.

Как же сделать идеальный сайт?

Но что делать, если нам нужна шаблонная система для сайта с динамическим контентом, который генерируют не пользователи(например, лендинг), но в то же время хочется сохранить ресурсы? и как сделать так, чтобы сайт работал и на мобильных устройствах? можно, конечно, использовать движок wordpress и wp super cache или аналогичное сочетание, но все равно нужно будет делать еще уйму работы. в результате у нам получится массивная рабочая система, возможности которой будут использоваться максимум на 10%. к тому же, она будет довольно медленно работать.

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

Знакомьтесь, grunt!

Что же такое grunt? В целом, это — таск менеджер. который действительно хорошо справляется с поставленными задачами.

Почему лучше использовать grunt?

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

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

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

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

Заключение

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

  • на сайте практически полностью отсутствует пользовательский контент;
  • вы хотите автоматизировать часть сайта;
  • сайт не нужно постоянно обновлять большому количеству пользователей;
  • если возникли вопросы — свяжитесь с нами и мы с удовольствием на них ответим.

Источник: https://lunapps.com/blog/case-study-lunapps-com-landing-page-build-system-using-grunt/

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>