Блог программиста UMI CMS

Базовые принципы оптимизации сайта на UMI CMS

Рубрика: Обучение

Прежде чем рассказывать о конкретных методах оптимизации необходимо рассказать о том, что существует всего 3 аспекта, на которые следует обратить внимание. Условно, их можно назвать «сервер», «канал» и «браузер», исходя из их положения при получении страницы. Если не задумываться об этом, то можно легко позиционировать себя как специалист по ускорению сайтов, но реального результата клиенту так и не давать.

Теперь чуть подробнее.

Любая страница, которую вы загружаете в браузере, проходит 3 этапа:

1. html-код генерируется на стороне сервера (именно это и можно назвать «сервер»)
2. страница передается на клиентскую сторону («канал»)
3. переданный результат интерпретируется браузером («браузер»)

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

Оптимизация части «Сервер»

Это достаточно большой и важный кусок. Он отвечает за то, как быстро ваша страница соберется на серверной стороне и как быстро её получит каждый клиент.

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

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

Оптимизация части «Канал»

На самом деле, слово «Канал» (как способ соединения браузера и сервера) тут используется несколько условно. Дело в том, что во многих случаях контент-менеджеры сайта забывают о таких штуках, как «я сижу с телефона в тайге и не хочу ждать, пока загрузится фотография в 10 мегабайт».

Лично я отношу оптимизацию уровня «Канал» на такие вещи, как оптимальный размер изображения, сжатие скриптов, стилей и html-кода, избавление от мусора, устранение лишних элементов. из страницы. Но, строго говоря, это можно отнести и к браузерной части — ведь показывается все это и на браузере тоже. И если вы загружаете огромную картинку, то, помимо того, что она будет долго грузиться по каналу, нагружать ваш сервер при отдаче, так она будет еще и дольше отрисовываться в браузере. Так что, зачастую, оптимизация только этого блока приносит достаточно ощутимый результат на выходе.

Оптимизация части «Браузер»

Тут речь пойдет о специфике протокола http версии 1.0 и о том, что браузер тянет по 6 файлов с одного домена за раз. И пока кто-то из этих 6-ти не загрузится полностью — больше ничего грузится не будет.

Вроде как это выглядит весьма безобидно, но когда на странице происходит загрузка 300-400 ресурсов (10 стилей, 20 скриптов, а остальное все — картинки товаров, логотипы, фоны, шрифты, иконки, кнопки и прочее) — то тут уже не до смеха. И вот тут оптимизация точно во многом зависит от «пряморукости» оптимизатора.

Заключение

Я постарался в общих чертах обозначить основные блоки, проработав с которыми вы действительно получите результат. Заметьте, что проигнорировав любой из этих блоков все ваши усилия могут быть тщетны (например, у вас всего 10 ресурсов, html отдается за 0,001 секунду, но каждый ресурс весит по 50 мегабайт и все, труба. Ну или вы вывели все товары на страницу, со всеми картинками, иконками, скриптами и прочим. А товаров у вас 10 тысяч.)

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

Ну а если вы готовы двигаться дальше, то настала пора читать статью про конкретные инструменты для оптимизации «Анализ и оптимизация сайта на UMI CMS«.