5 способов ускорить сайт на Adobe Muse

Уроки и воркхаки для работы в Adobe Muse

Узнавать новости первым

Автор: Pro100Muse

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

1) Использование виджета 1000 мелочей.

Назначение виджета - это оптимизация и ускорение сайта.

Ускорение загрузки достигается комплексом действий, которые проводятся виджетом в автоматическом режиме, а именно:

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

- Содержание файла htaccess для Adobe Muse, которое включает кэширование и сжатие компонентов сайта.

- Предварительное обращение к CDN, с которых сайты Muse берут стандартные компоненты - библиотеку JQuery, файлы шрифтов и т.д., что дает небольшое ускорение загрузки. Почему эти файлы берутся не с Вашего хостинга, а с других посторонних серверов? Если кратко - все это сделано как раз для ускорения загрузки.

Виджет Вы можете скачать по ссылке.

2) Использование виджета ReClick от MuseOne

Использование виджета позволит сократить количество элементов, которые, в принципе, являются лишними. К примеру, на странице 5 кнопок, которые открывают лайтбокс с формой обратной связи. Без использования виджета для реализации придется использовать одинаковые формы 5 раз, т.е. подгружать 5 одинаковых форм. Виджет позволяет вместо 5 грузить 1 форму при клике на любую из кнопок, т.е. по сути, сокращает объем подгружаемой информации.

Виджет доступен на сайте автора.

3) Оптимизация изображений на сайте

Это позволит значительно ускорить загрузку страницы. У нас имеется статья, которая очень подробно описывает процесс работы с изображениями в Adobe Muse, а так же быстрый вариант - воркхак оптимизации изображений в Adobe Muse без потери качества.

4) Использовать web-шрифты в Adobe Muse тоже нужно с умом

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

- Старайтесь использовать Typekit, либо, что ещё лучше, шрифты от Google. Если шрифт берется с сервера сайта, то он, грубо говоря, занимает очередь и не даёт грузиться другим элементам. Для примера, если через шланг при максимальном напоре может пройти 10 литров воды в секунду, то 11 литров воды в секунду из него вылить невозможно как не крути. При использовании Typekit или Google шрифтов файлы качаются уже с ранее упомянутых CDN серверов, т.е. ещё 1 шланг, из которого мы можем лить воду одновременно с первым. Плюс к этому есть вероятность того, что шрифт уже есть в кэше посетителя и грузить его повторно нет необходимости, что опять же большой бонус в нашу копилку быстрой загрузки сайта.

- Не используйте шрифты без необходимости. Простой пример - мы используем какой-то шрифт, имеющий 3 вариации - light (тонкий), bold (толстый) и medium (средний). Сайт использует толстый и средний шрифты, а толстый встречается 1 раз в одном слове. Ситуация такова, что для написания 1 слова мы заставляем пользователя качать весь файл шрифта, хотя этого можно избежать просто не используя жирное написание ради 1 слова. Курсив так же является отдельным шрифтом и использовать его так же нужно с умом.

- Начните использовать стили абзацев и символов при работе в Muse. Это не только ускорит редактирование сайта в программе, но и сократит файл стилей, что положительно влияет на скорость загрузки сайта.

5) Для сайтов выбирайте профессионального хостинг-провайдера

Хостинг-провайдер, который дорожит своей репутацией и следит за тем, чтобы сайты клиентов были всегда доступны и быстро грузились. В этом плане я могу лишь посоветовать провайдера, с которым работаю сам - well-web. В их качестве я убедился на собственном опыте работы - более года сотрудничества за плечами. Да, кстати, ещё и месяц в подарок для наших подписчиков - читайте подробнее тут.

Вот и все - простые вещи, которые помогут значительно ускорить загрузку Вашего сайта усвоены!

Ещё раз повторю, что это далеко не все способы, но самые простые и эффективные.

Следите за обновлениями

Наша группа в ВК
Наш канал в Телеграмм
Наш бот в Телеграмм
Подписка на EMail рассылку
Канал на YouTube
Мы в twitter

Посмотрите так же

Цех оптимизатора
Цех оптимизатораmore_vert
Цех оптимизатораclose

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

Время работы
Время работыmore_vert
Время работыclose

Виджет отображает время работы на каждый день, при этом определяет и выводит дату и день недели

Посмотреть все виджетыВсе способы покупки