В 2017 году среднее время загрузки страниц ФЭНДОМА уменьшилось на 46%. Это произошло благодаря серьёзной работе над модернизацией нашего сайта. Но это была только половина дела, потому что модернизация коснулась только участников и читателей, которые используют полную версию сайта. С начала этого года инженеры работали над обновлением мобильного скина ФЭНДОМА, и им удалось снизить время загрузки страниц сразу на несколько секунд.
Как это получилось?
При работе с уменьшением времени загрузки страницы надо учитывать следующие два фактора, которые являются основными как для мобильных устройств, так и для компьютеров.
- Появление сайта на экране. Это момент, когда на экране появляются основные видимые элементы страницы.
- Время до взаимодействия. Это момент, когда пользователь может не только видеть что-то на экране, но и взаимодействовать с этим (например, прокручивать страницу вниз или кликать по ссылкам).
Чтобы добиться снижения времени для этих двух факторов, инженеры работали над длинным списком различных возможных улучшений. Некоторые из них уже выпущены вместе с регулярными техническими обновлениями.
- В первую очередь был переписан код, отвечающий за мобильный скин, с целью удаления или замены кода, который активно не используется. В результате были значительно уменьшены в размерах CSS и JS файлы, отвечающие за мобильный скин.
- Затем был переработан порядок загрузки самой страницы, чтобы сначала на экране появлялись самые важные для пользователя элементы.
- Были оптимизированы разные зависимые процессы, например, создание миниатюр изображений. Это позволило изображениям быстрее загружаться на страницы вики.
Ниже вы можете видеть суммарный результат всех этих обновлений. На этом gif изображении показано время до загрузки страницы на мобильном устройстве сейчас и то, что было всего три месяца назад, в конце 2017 года. Эти изображения сделаны в сети 3G на телефоне Moto G4.
Результаты
При тестировании обновлений инженеры загружали различные страницы разных вики, чтобы получить общее представление о работе обновлений. Если говорить о двух факторах, о которых мы упомянули выше, то:
- Время до появления сайта на экране снизилось с 2,8 секунды до 1,1 секунды. Это почти на 60% меньше.
- Время до взаимодействия снизилось с 7 секунд до 3,4 секунды - 51% выигрыша.
Причём речь идёт не только о страницах вики, но и об Обсуждениях. Теперь они также загружаются быстрее, чем в 2017 году.
Следующие шаги
Быстрый сайт более привлекателен для пользователей, так как им нужно меньше времени на ожидание загрузки страницы. Статистические данные показывают, что уменьшение времени загрузки страниц увеличивает количество этих страниц, которые пользователи просматривают при посещении википроектов.
Но это ещё на финал работы наших инженеров. Сейчас планируется доработать следующие вещи:
- Уменьшить время загрузки первого изображения на странице, чтобы упростить порядок загрузки остальных элементов страницы.
- Рассматривается возможность изменения рекламных объявлений, чтобы реклама загружалась быстрее.
Теперь и пользователи мобильных устройств имеют гораздо более быстрый доступ к контенту на википроектах ФЭНДОМА, и мы с нетерпением ждём будущих обновлений!