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

Факторы скорости загрузки

Главным образом на скорость загрузки динамических сайтов (в частности работающих на Joomla) влияют:

  • хостинг (возможности сервера),
  • версия PHP,
  • качество исполняемого кода,
  • количество запросов к серверу,
  • объём данных (размер страницы на выходе).

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

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

Теоретически, чем функциональнее фреймворк (чем больше возможностей он предлагает), тем больше исполняемого кода, тем медленнее скорость, но многие фреймворки предлагают свои опции, которые должны её оптимизировать. Например, в настройках шаблонов на Helix 3 есть вкладка Advanced, в которой можно активировать минификацию CSS- и JS-кода.

Далее мы практически рассмотрим, как быстро работают страницы на определённых шаблонах и насколько эффективными являются ускоряющие опции.

Тестовая страница

Мы будем проводить все тесты на странице с минимум контента, а именно:

  • неотъемлемые элементы шаблона (например, кнопка «Наверх» в шаблоне Protostar),
  • меню сайта из 1-го пункта,
  • область контента с материалом Joomla, содержащим минимумом текста.

Никаких изображений, сторонних расширений, шрифтов (в том числе Google Fonts) и лишних модулей на странице не задействовано.

Упоминаемые термины:

CSS, Joomla, PHP, Меню сайта, JavaScript, Helix Ultimate, Open Graph, Bootstrap