Старые технологии и производительность

В октябре прошлого года Уэс Босс записал видео о сайте частной американской компании McMasters-Carr, которая занимается поставками оборудования, инструментов, запчастей и сырья для технического обслуживания.

Первое впечатление при посещении сайта — старый легаси-проект. Но он работает и выполняет свою задачу. И, что самое интересное, сайт очень быстрый. Страницы загружаются и отображаются практически мгновенно.

Команда разработчиков хорошо оптимизировала сайт. Разметка генерируется на сервере. При наведении на ссылки страницы предварительно загружаются. Используется Service Wokrer для кэширования и CDN для эффективной доставки.

Применяется техника критического CSS, который встраивается прямо на страницу. JS разделяется по страницам и загружается только там, где нужно. Подход App Shell позволяет перерисовывать только основную часть страницы.

Ещё интереснее стек: ASP.NET, YUI (Yahoo UI Library) и jQuery, то есть устаревшие по современным меркам технологии. И это не мешает сайту работать быстро и эффективно. Всё дело в том, как используются эти технологии.

Этот сайт — хорошее дополнение к докладу Алексея Симоненко о том, что важен продукт, а не технологии. Правильный подход и понимание техник оптимизации позволяют создавать производительный сайт даже на старых технологиях.

#performance