<MyRusakov.ru />

Создание игр на Unreal Engine 5

Создание игр на Unreal Engine 5

Данный курс научит Вас созданию игр на Unreal Engine 5. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

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

Помимо самого курса Вас ждёт ещё 8 бесплатных ценных Бонусов: «Chaos Destruction», «Разработка 2D-игры», «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства», «Создание прототипа RPG с открытым миром» и и весь курс «Создание игр на Unreal Engine 4» (актуальный и в 5-й версии), включающий в себя ещё десятки часов видеоуроков.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

6 шагов для ускорения загрузки сайта

6 шагов для ускорения загрузки сайта

Я немного завидую, нашим коллегам вебмастерам, работавшим ещё 10-20 лет назад. Они могли себе позволить не париться по поводу оптимизации всего, что можно оптимизировать на сайте. Сейчас уже не прокатит, например загрузить на хостинг не сжатую версию CSS/JS файлов.

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

1) Уменьшить вес изображений

Лучше всего фотографии сжимает формат JPG, а для иконок и иллюстраций, лучше подходит, PNG. Даже после сохранения изображений для web, в фотошопе, можно ещё больше уменьшить их размер, прогоняя через сервисы PunyPNG, TinyPNG.

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

По возможности, избегайте больших фоновых фотографий, вместо них, используйте, векторные иллюстрации в SVG формате или создавайте CSS градиенты, при помощи генераторов градиентов.

2) Уменьшить количество запросов к серверу

Уходит время, пока браузер запрашивает все изображения, CSS/JS файлы по отдельности. Первым делом избавляемся от хлама (неиспользуемые файлы). Потом следует объединить все CSS файлы, в один, то же самое сделать и с JS файлами. Объединить стоящие рядом иконки, в один файл – SVG/CSS спрайт.

3) Сократите размер кода CSS и JS

Сжимать объединенные CSS/JS файлы, надо в рабочий проект, перед загрузкой на хостинг. Ни в коем случае не удаляйте оригинальные CSS/JS файлы, поскольку ужатые версии, уже не подлежат редактированию. Как сжимать файлы? Просто копируете CSS код и вставляете в форму онлайн-сервиса CSS Minify. Для сжатия JS кода, используйте JavaScript Minifier.

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

4) Оптимизировать процесс загрузки шрифтов

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

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

5) Ленивая загрузка изображений

На длинных лендингах или больших фотогалереях, уместно применять плагин Lazy Load. Узнайте здесь, что это такое.

6) Включить кэширование данных

Нужно настроить сервер так, чтобы при первом заходе пользователя сайт, браузер автоматически сохранял (изображения, CSS- и JS-файлы), тогда при повторном заходе, эти элементы браузер будет загружать не с сервера, а из локального кэша. Этот метод быстрее загружает сайт, только при повторном заходе.

Как включить кэширование

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

<FilesMatch «.(gif|jpeg|png|svg|js|css|ico)$»>
Header set Cache-Control «max-age=50000»
</FilesMatch>

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

Итого

Перечисленные 6 шагов, гарантированно, ускоряют загрузку сайта. Практика показывает, что выполнение этих мер, закрывает 90% претензий со стороны Google PageSpeed. На оставшиеся 10%, сервис даст рекомендации, что надо исправить для получения высокой оценки.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.