Утро понедельника… Вы работаете над большим проектом веб-приложения с сжатыми сроками и жесткими требованиями «ускорить время загрузки» и «сделать его более интерактивным». С помощью Angular вы создали надежное приложение, идеально подходящее для разработки быстрых интерактивных интерфейсов, высоко ценимых пользователями.
Однако ваша команда недовольна тем, что оно по-прежнему слишком долго загружается. И тогда вы вспоминаете о секретном оружии Google — Wiz. Этот сверхлегкий и сверхбыстрый фреймворк, поддерживающий поиск в Google и работу с фотографиями, — именно то, что вам нужно.
Но вот в чем загвоздка: скорость и простота Wiz приведут к затруднению реализации интерактивных и многофункциональных решений, которыми славится Angular. Что же делать?
Оказывается, вам не нужно выбирать между Angular и Wiz. Google решил взять лучшее из обоих миров и объединить удобство в использовании Angular с молниеносной скоростью Wiz. Результат? Суперфреймворк, заставляющий переосмыслить способ создания веб-приложения.
В чем особенность Wiz?
Wiz — не совсем обычный фреймворк. Это движок, на котором основаны самые быстрые приложения Google.
Представьте, что нажимаете на Google Фото и видите, как все загружается мгновенно — без задержек, без использования дополнительного JavaScript.
Магия Wiz заключаются в рендеринге на стороне сервера (SSR), то есть контент загружается быстро, прямо с сервера, еще до запуска JavaScript.
Но если вы пробовали создавать высокоинтерактивные приложения, то знаете, что у SSR есть свои ограничения. Вот тут-то и выручает объединение Wiz с Angular. В результате получается дуэт, в который Angular привносит интерактивность, а Wiz — скорость.
Эффект от этого объединения подобен сочетанию скорости спортивного автомобиля и возможностей внедорожника — все в одном.
Как дуэт Wiz-Angular меняет правила игры?
До сих пор разработчикам часто приходилось делать сложный выбор между скоростью и интерактивностью.
Wiz, оптимизированный для скорости, отлично справлялся с быстрой загрузкой контента. Но как добиться сложной интерактивности? Здесь всегда на высоте был Angular.
Теперь комбинация двух фреймворков позволяет создавать приложения, которые одновременно являются молниеносными и удобными для пользователей.
Просто взгляните на цифры: за последние несколько лет объем JavaScript на мобильных устройствах вырос до огромных размеров, что привело к замедлению загрузки.
Но Wiz справляется с этим, минимизируя нагрузку на JavaScript на стороне клиента, что делает его идеальным для приложений, для которых критична производительность.
В то же время подход Wiz послужил источником вдохновения для очередных обновлений Angular с сигналами и откладываемыми представлениями, что позволило выполнять более целенаправленные и эффективные обновления.
Как Wiz делает приложения сверхбыстрыми
Заслугой Wiz является его интеллектуальный рендеринг на стороне сервера в сочетании с делегированием событий. Вот как это работает:
- Рендеринг на стороне сервера (SSR): Wiz обрабатывает большую часть контента на сервере, отправляя полностью отрисованную страницу, поэтому пользователи видят ее практически сразу.
- Делегирование событий: Wiz использует небольшую эффективную библиотеку, которая прослушивает события пользователя и воспроизводит их по мере необходимости.
Таким образом, вместо того, чтобы загружать каждый отдельный фрагмент кода заранее, Wiz извлекает только то, с чем пользователь фактически взаимодействует.
Это означает, что пользователи более медленных устройств или сетей смогут без лишнего ожидания использовать приложение.
Новые возможности Angular: сигналы и откладываемые представления
Идя навстречу Wiz, Angular недавно представил сигналы и откладываемые представления.
Сигналы позволяют Angular отслеживать изменения пользовательского интерфейса с хирургической точностью: никаких лишних повторных рендерингов — только точные изменения, необходимые для бесперебойной работы.
Представьте, что вы загружаете только необходимые части приложения и только тогда, когда они необходимы.
Откладываемые представления также позволяют отложить загрузку определенных элементов интерфейса до тех пор, пока пользователь не начнет с ними взаимодействовать, что очень важно для ускорения работы.
Что ждет веб-разработчиков в дальнейшем?
Комбинация Angular-Wiz — не просто объединение двух фреймворков. Это возможность создавать сверхбыстрые, интерактивные и многофункциональные приложения, не жертвуя одним ради другого.
Google уже внедряет в Angular функции, вдохновленные Wiz, а значит, вскоре разработчики получат единый фреймворк, оптимизирующий веб-приложения как для скорости, так и для удобства пользователей.
Так что в следующий раз при создании веб-приложения вам не придется выбирать между более быстрой загрузкой и более насыщенным опытом.
Дуэт Angular-Wiz позволит создавать приложения, которые будут быстро загружаться, оставаться интерактивными и радовать пользователей.
Читайте также:
- Angular и Wiz: вместе лучше
- Angular-приложения универсальной сборки
- Angular: как с функцией inject() сэкономить 1000 строк кода
Читайте нас в Telegram, VK и Дзен
Перевод статьи Bluell: Why Angular and Wiz Are Changing the Game Together
