Анализ страницы https://angular.dev/roadmap
Основное Готовность: 100%
Домен
angular.dev
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 23.10.2026 6:38:27.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~0,29сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,29сек оптимальна.
Объем документа
200Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 200Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 5
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 5 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600&family=Inter:wght@400;500;600&family=DM+Mono:ital@0;1&display=swap | |
| stylesheet | https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0 | |
| stylesheet | styles-ANJUELFL.css | |
| stylesheet | styles-ANJUELFL.css | |
| js | module | main-JQ7DEOPC.js |
Серверные заголовки
Кол-во: 13
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 13шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Cache-Control | max-age=3600 |
| cross-origin-embedder-policy | credentialless |
| cross-origin-opener-policy | same-origin |
| ETag | "3b6637c6e9f2edca8da9272e00197ab688e235d71f8d11b0b96c8528d9a5e05a" |
| Strict-Transport-Security | max-age=31556926 |
| Accept-Ranges | bytes |
| Date | Fri, 21 Aug 2026 19:58:26 GMT |
| X-Served-By | cache-bma-essb1270043-BMA |
| X-Cache | MISS |
| x-cache-hits | 0 |
| x-timer | S1787342306.082433,VS0,VE180 |
| Vary | x-fh-requested-host |
| Alt-Svc | h3=":443" |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Не определён
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Веб-сервер не определён — заголовок Server скрыт. Это не ошибка: часто так настраивают из соображений безопасности.
Мета-теги Готовность: 50%
Title
Roadmap • Angular
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо увеличить число символов в title (текущее значение мало: 17, минимум: 25, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
The web development framework for building modern apps.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение мало: 55, минимум: 80, оптимально: от 120 до 130)
Keywords
Angular framework, TypeScript, web development, hydration, Signals, standalone components, accessibility, performance
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Keywords установлены.
Канонический Url
https://angular.dev/roadmap
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 5
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:type | website |
| og:url | https://angular.dev/ |
| og:title | Roadmap • Angular |
| og:description | The web development framework for building modern apps. |
| og:image | https://angular.dev/assets/images/ng-image.jpg |
Все мета-теги
Кол-во: 21
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 21шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1 |
| name | description | The web development framework for building modern apps. |
| name | author | Angular Team |
| name | keywords | Angular framework, TypeScript, web development, hydration, Signals, standalone components, accessibility, performance |
| name | apple-mobile-web-app-title | Angular |
| name | application-name | Angular |
| name | msapplication-TileColor | #e90464 |
| name | msapplication-config | /assets/icons/browserconfig.xml |
| name | theme-color | #ffffff |
| name | twitter:site | @Angular |
| name | twitter:creator | @Angular |
| property | og:type | website |
| property | og:url | https://angular.dev/ |
| property | og:title | Roadmap • Angular |
| property | og:description | The web development framework for building modern apps. |
| property | og:image | https://angular.dev/assets/images/ng-image.jpg |
| property | twitter:card | summary_large_image |
| property | twitter:url | https://angular.dev/ |
| property | twitter:title | Roadmap • Angular |
| property | twitter:description | The web development framework for building modern apps. |
| property | twitter:image | https://angular.dev/assets/images/ng-image.jpg |
Оптимизация Готовность: 62%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 2 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!
Абзацев с текстом 87 достаточно.
Среднее число слов в абзаце 41 достаточно.
Кол-во знаков контента 28386 на странице оптимально.
Кол-во слов 4335 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 9. Это хорошо.
На странице присутствуют заголовки <h3> 73.
Тошнота
10,34
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
30,77%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| angular | 107 | 2,47% |
| completed | 62 | 1,43% |
| developer | 25 | 0,58% |
| improve | 24 | 0,55% |
| developers | 24 | 0,55% |
| support | 21 | 0,48% |
| project | 19 | 0,44% |
| components | 19 | 0,44% |
| stable | 19 | 0,44% |
| preview | 15 | 0,35% |
| material | 13 | 0,30% |
| debugging | 13 | 0,30% |
| projects | 12 | 0,28% |
| hydration | 12 | 0,28% |
| tooling | 12 | 0,28% |
| documentation | 12 | 0,28% |
| shipped | 12 | 0,28% |
| features | 11 | 0,25% |
| experience | 11 | 0,25% |
| performance | 11 | 0,25% |
Индексация Готовность: 30%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 116 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 88 байт. Загружен за: 0сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Показать содержимое robots.txt
# Allow all URLs (see https://www.robotstxt.org/robotstxt.html)
User-agent: *
Disallow:
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 57
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 57 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
Показать внутренние ссылки
| Url | Анкор | Состояние |
|---|---|---|
| / |
<svg _ngcontent-ng-c4066708152="" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 223 236" width="32" class="angular-logo"><g _ngcontent-ng-c4066708152="" clip-path="url(#a)"><path _ngcontent-ng-c4066708152="" fill="url(#b)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path><path _ngcontent-ng-c4066708152="" fill="url(#c)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path></g><defs _ngcontent-ng-c4066708152=""><lineargradient _ngcontent-ng-c4066708152="" id="b" x1="49.009" x2="225.829" y1="213.75" y2="129.722" gradientunits="userSpaceOnUse"><stop _ngcontent-ng-c4066708152="" stop-color="#E40035"></stop><stop _ngcontent-ng-c4066708152="" offset=".24" stop-color="#F60A48"></stop><stop _ngcontent-ng-c4066708152="" offset=".352" stop-color="#F20755"></stop><stop _ngcontent-ng-c4066708152="" offset=".494" stop-color="#DC087D"></stop><stop _ngcontent-ng-c4066708152="" offset=".745" stop-color="#9717E7"></stop><stop _ngcontent-ng-c4066708152="" offset="1" stop-color="#6C00F5"></stop></lineargradient><lineargradient _ngcontent-ng-c4066708152="" id="c" x1="41.025" x2="156.741" y1="28.344" y2="160.344" gradientunits="userSpaceOnUse"><stop _ngcontent-ng-c4066708152="" stop-color="#FF31D9"></stop><stop _ngcontent-ng-c4066708152="" offset="1" stop-color="#FF5BE1" stop-opacity="0"></stop></lineargradient><clippath _ngcontent-ng-c4066708152="" id="a"><path _ngcontent-ng-c4066708152="" fill="#fff" d="M0 0h223v236H0z"></path></clippath></defs></svg><!----><!---->
|
|
| /docs |
<svg _ngcontent-ng-c4066708152="" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="18" fill="inherit"><path _ngcontent-ng-c4066708152="" d="M3.645 13.792h6.708v-1.25H3.645v1.25Zm0-3.542h6.708V9H3.645v1.25Zm-2.063 7.083a1.2 1.2 0 0 1-.875-.375 1.2 1.2 0 0 1-.375-.875V1.917a1.2 1.2 0 0 1 .375-.875 1.2 1.2 0 0 1 .875-.375h7.52l4.563 4.562v10.854a1.2 1.2 0 0 1-.375.875 1.2 1.2 0 0 1-.875.375H1.582ZM8.478 5.792V1.917H1.582v14.166h10.833V5.792H8.478Z"></path></svg><span _ngcontent-ng-c4066708152="" class="adev-nav-item__label">Docs</span>
|
|
| /tutorials |
<svg _ngcontent-ng-c4066708152="" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="10" fill="inherit"><path _ngcontent-ng-c4066708152="" d="m5.668 10-5-5 5-5 1.187 1.188L3.022 5.02l3.813 3.812L5.668 10Zm6.667 0-1.188-1.188L14.98 4.98l-3.812-3.812L12.335 0l5 5-5 5Z"></path></svg><span _ngcontent-ng-c4066708152="" class="adev-nav-item__label">Tutorials</span>
|
|
| /playground |
<svg _ngcontent-ng-c4066708152="" xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 -960 960 960" width="24"><path _ngcontent-ng-c4066708152="" d="M450.001-611.691v-32.386q-39.385-9.923-64.692-41.897-25.308-31.975-25.308-74.025 0-49.922 35.038-84.96 35.039-35.038 84.961-35.038t84.961 35.038q35.038 35.038 35.038 84.96 0 42.05-25.308 74.025-25.307 31.974-64.692 41.897v32.386l273.846 157.538q17.173 9.912 26.663 26.582 9.491 16.671 9.491 36.495v62.152q0 19.824-9.491 36.495-9.49 16.67-26.663 26.582L516.154-111.771q-17.203 9.846-36.217 9.846t-36.091-9.846L176.155-265.847q-17.173-9.912-26.663-26.582-9.491-16.671-9.491-36.495v-62.152q0-19.824 9.491-36.495 9.49-16.67 26.663-26.582l273.846-157.538Zm-6.155 364.537L200-387.461v58.537q0 3.078 1.539 5.962 1.538 2.885 4.615 4.808l267.692 154.692q3.077 1.923 6.154 1.923t6.154-1.923l267.692-154.692q3.077-1.923 4.615-4.808 1.539-2.884 1.539-5.962v-58.537L516.154-247.154q-17.203 9.847-36.217 9.847t-36.091-9.847Zm6.155-162.847V-542.77L250.46-427.691l223.386 128.846q3.077 1.924 6.154 1.924t6.154-1.924l223.001-128.846L509.999-542.77v132.769h-59.998ZM480-699.999q25 0 42.5-17.5t17.5-42.5q0-25-17.5-42.5t-42.5-17.5q-25 0-42.5 17.5t-17.5 42.5q0 25 17.5 42.5t42.5 17.5Zm-2.308 538.46Z"></path></svg><span _ngcontent-ng-c4066708152="" class="adev-nav-item__label">Playground</span>
|
|
| /reference |
<svg _ngcontent-ng-c4066708152="" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="18" fill="inherit"><path _ngcontent-ng-c4066708152="" d="M3.645 13.792h6.708v-1.25H3.645v1.25Zm0-3.542h6.708V9H3.645v1.25Zm-2.063 7.083a1.2 1.2 0 0 1-.875-.375 1.2 1.2 0 0 1-.375-.875V1.917a1.2 1.2 0 0 1 .375-.875 1.2 1.2 0 0 1 .875-.375h7.52l4.563 4.562v10.854a1.2 1.2 0 0 1-.375.875 1.2 1.2 0 0 1-.875.375H1.582ZM8.478 5.792V1.917H1.582v14.166h10.833V5.792H8.478Z"></path></svg><span _ngcontent-ng-c4066708152="" class="adev-nav-item__label">Reference</span>
|
|
| /roadmap |
<span _ngcontent-ng-c3326072784="" class="docs-faceted-list-item-text"> Roadmap <!----><!----><!----></span><!---->
|
|
| /reference/releases |
<span _ngcontent-ng-c3326072784="" class="docs-faceted-list-item-text"> Versioning and releases <!----><!----><!----></span><!---->
|
|
| /reference/versions |
<span _ngcontent-ng-c3326072784="" class="docs-faceted-list-item-text"> Version compatibility <!----><!----><!----></span><!---->
|
|
| /update-guide |
<span _ngcontent-ng-c3326072784="" class="docs-faceted-list-item-text"> Update guide <!----><!----><!----></span><!---->
|
|
| /ai |
AI experience for developers
|
|
| /ai/webmcp |
Web MCP
|
|
| /guide/forms/signals/overview |
Signal Forms
|
|
| /guide/signals/resource |
Resource API
|
|
| /api/common/http/httpResource |
httpResource
|
|
| /guide/zoneless |
Zoneless change detection
|
|
| /guide/signals/linked-signal |
Linked Signal API
|
|
| /guide/incremental-hydration |
Incremental hydration
|
|
| /api/core/effect |
Effect API
|
|
| /api/platform-browser/withEventReplay |
Event replay with SSR
|
|
| /guide/ssr |
Route-level render mode
|
|
| /guide/forms/signals/overview |
<div>
<h3>Signal Forms</h3>
<p>Signal Forms are now stable. This new approach allows developers to manage form state using signals, providing an ergonomic forms creation experience. We promoted Signal Forms to stable and enhanced interoperability with reactive forms - enabling teams to progressively migrate large forms at their own pace.</p>
</div>
<span>Completed in 2026</span>
|
|
| /guide/signals |
<div>
<h3>Reactivity</h3>
<p>We introduced new signal APIs, <code>resource()</code> and <code>httpResource()</code>, for flexible asynchronous data handling. We promoted these APIs to developer stable.</p>
</div>
<span>Completed in 2026</span>
|
|
| /api/core/ChangeDetectionStrategy |
<div>
<h3>Change Detection</h3>
<p>With Zoneless being stable and default, we set the default change detection strategy to <code>OnPush</code>, to follow current best practices. We also renamed <code>ChangeDetectionStrategy.Default</code> to <code>ChangeDetectionStrategy.Eager</code>.</p>
<p>See the RFC discussion for details.</p>
</div>
<span>Completed in 2026</span>
|
|
| /api/platform-browser/withEventReplay |
<div>
<h3>Event replay with SSR and prerendering</h3>
<p>In v18 we introduced an event replay functionality when using server-side rendering or prerendering. For this feature we depend on the event dispatch primitive (previously known as jsaction) that is running on Google.com.</p>
<p>In Angular v19 we graduated event replay to stable and enabled it by default for all new projects.</p>
</div>
<span>Completed in Q4 2024</span>
|
|
| /api/core/@let |
<code>@let</code>
|
|
| /guide/templates/defer |
<div>
<h3>Introduce deferred loading</h3>
<p>In v17 we shipped deferrable views in developer preview, which provide an ergonomic API for deferred code loading. In v18 we enabled deferrable views for library developers and graduated the API to stable.</p>
</div>
<span>Completed in Q2 2024</span>
|
|
| /tools/cli/build-system-migration |
<div>
<h3>Automation for transition of existing hybrid rendering projects to esbuild and vite</h3>
<p>In v17 we shipped a vite and esbuild-based application builder and enabled it for new projects by default. It improves build time for projects using hybrid rendering with up to 87%. As part of v18 we shipped schematics and a guide that migrate existing projects using hybrid rendering to the new build pipeline.</p>
</div>
<span>Completed in Q2 2024</span>
|
|
| /guide/templates/control-flow |
<div>
<h3>Introduce built-in control flow</h3>
<p>In v17 we shipped a developer preview version of a new control flow. It brings significant performance improvements and better ergonomics for template authoring. We also provided a migration of existing <code>*ngIf</code>, <code>*ngFor</code>, and <code>*ngSwitch</code> which you can run to move your project to the new implementation. As of v18 the built-in control flow is now stable.</p>
</div>
<span>Completed in Q2 2024</span>
|
|
| /tutorials/learn-angular |
textual
|
|
| /guide/hydration |
<div>
<h3>Investigate modern bundlers</h3>
<p>In Angular v16, we released a developer preview of an esbuild-based builder with support for <code>ng build</code> and <code>ng serve</code>. The <code>ng serve</code> development server uses Vite and a multi-file compilation by esbuild and the Angular compiler. In v17 we graduated the build tooling from developer preview and enabled it by default for new projects.</p>
</div>
<span>Completed in Q4 2023</span>
|
|
| /tools/devtools |
<div>
<h3>Introduce dependency injection debugging APIs</h3>
<p>To improve the debugging utilities of Angular and Angular DevTools, we'll work on APIs that provide access to the dependency injection runtime. As part of the project, we'll expose debugging methods that allow us to explore the injector hierarchy and the dependencies across their associated providers. As of v17, we shipped a feature that enables us to plug into the dependency injection life-cycle. We also launched a visualization of the injector tree and inspection of the providers declared inside each individual node,</p>
</div>
<span>Completed in Q4 2023</span>
|
|
| /essentials/components |
<div>
<h3>Improve documentation and schematics for standalone components</h3>
<p>We released a developer preview of the <code>ng new --standalone</code> schematics collection, allowing you to create apps free of NgModules. In v17 we switched the new application authoring format to standalone APIs and changed the documentation to reflect the recommendation. Additionally, we shipped schematics which support updating existing applications to standalone components, directives, and pipes. Even though NgModules will stick around for foreseeable future, we recommend you to explore the benefits of the new APIs to improve developer experience and benefit from the new features we build for them.</p>
</div>
<span>Completed in Q4 2023</span>
|
|
| /guide/hydration |
hydration guide
|
|
| /guide/hydration |
<div>
<h3>Non-destructive full app hydration</h3>
<p>In v16, we released a developer preview of non-destructive full hydration, which allows Angular to reuse existing DOM nodes on a server-side rendered page, instead of re-creating an app from scratch. See additional information in the hydration guide.</p>
</div>
<span>Completed in Q1 2023</span>
|
|
| /guide/image-optimization |
<div>
<h3>Improvements in the image directive</h3>
<p>We released the Angular image directive as stable in v15. We introduced a new fill mode feature that enables images to fit within their parent container rather than having explicit dimensions. Over the past two months, the Chrome Aurora team backported the directive to v12 and newer.</p>
</div>
<span>Completed in Q1 2023</span>
|
|
| /guide/image-optimization |
<div>
<h3>Improve image performance</h3>
<p>The Aurora and the Angular teams are working on the implementation of an image directive that aims to improve Core Web Vitals. We shipped a stable version of the image directive in v15.</p>
</div>
<span>Completed in Q4 2022</span>
|
|
| /guide/directives/directive-composition-api |
<div>
<h3>Support adding directives to host elements</h3>
<p>A long-standing feature request is to add the ability to add directives to host elements. The feature lets developers augment their own components with additional behaviors without using inheritance. In v15 we shipped our directive composition API, which enables enhancing host elements with directives.</p>
</div>
<span>Completed in Q4 2022</span>
|
|
| /guide/templates/binding |
<div>
<h3>Allow binding to protected fields in templates</h3>
<p>To improve the encapsulation of Angular components we enabled binding to protected members of the component instance. This way you'll no longer have to expose a field or a method as public to use it inside your templates.</p>
</div>
<span>Completed in Q2 2022</span>
|
|
| /guide/forms/typed-forms |
<div>
<h3>Rollout strict typings for @angular/forms</h3>
<p>In Q4 2021 we designed a solution for introducing strict typings for forms and in Q1 2022 we concluded the corresponding request for comments. Currently, we are implementing a rollout strategy with an automated migration step that will enable the improvements for existing projects. We are first testing the solution with more than 2,500 projects at Google to ensure a smooth migration path for the external community.</p>
</div>
<span>Completed in Q2 2022</span>
|
|
| /guide/forms/typed-forms |
<div>
<h3>Design strict typing for @angular/forms</h3>
<p>We will work on finding a way to implement stricter type checking for reactive forms with minimal backward incompatible implications. This way, we let developers catch more issues during development time, enable better text editor and IDE support, and improve the type checking for reactive forms.</p>
</div>
<span>Completed in Q1 2022</span>
|
|
| /tools/devtools |
<div>
<h3>Improve integration of Angular DevTools with framework</h3>
<p>To improve the integration of Angular DevTools with the framework, we are working on moving the codebase to the angular/angular monorepository. This includes transitioning Angular DevTools to Bazel and integrating it into the existing processes and CI pipeline.</p>
</div>
<span>Completed in Q1 2022</span>
|
|
| /extended-diagnostics |
<div>
<h3>Launch advanced compiler diagnostics</h3>
<p>Extend the diagnostics of the Angular compiler outside type checking. Introduce other correctness and conformance checks to further guarantee correctness and best practices.</p>
</div>
<span>Completed in Q1 2022</span>
|
|
| /guide/testing |
<div>
<h3>Update our e2e testing strategy</h3>
<p>To ensure we provide a future-proof e2e testing strategy, we want to evaluate the state of Protractor, community innovations, e2e best practices, and explore novel opportunities. As first steps of the effort, we shared an RFC and worked with partners to ensure smooth integration between the Angular CLI and state-of-the-art tooling for e2e testing. As the next step, we need to finalize the recommendations and compile a list of resources for the transition.</p>
</div>
<span>Completed in Q3 2021</span>
|
|
| /tools/libraries |
<div>
<h3>Angular libraries use Ivy</h3>
<p>Earlier in 2020, we shared an RFC for Ivy library distribution. After invaluable feedback from the community, we developed a design of the project. We are now investing in the development of Ivy library distribution, including an update of the library package format to use Ivy compilation, unblock the deprecation of the View Engine library format, and ngcc.</p>
</div>
<span>Completed in Q3 2021</span>
|
|
| /guide/testing |
<div>
<h3>Improve test times and debugging with automatic test environment tear down</h3>
<p>To improve test time and create better isolation across tests, we want to change TestBed to automatically clean up and tear down the test environment after each test run.</p>
</div>
<span>Completed in Q3 2021</span>
|
|
| /tools/devtools |
<div>
<h3>Accelerated debugging and performance profiling with Angular DevTools</h3>
<p>We are working on development tooling for Angular that provides utilities for debugging and performance profiling. This project aims to help developers understand the component structure and the change detection in an Angular app.</p>
</div>
<span>Completed in Q2 2021</span>
|
|
| /reference/releases |
<div>
<h3>Streamline releases with consolidated Angular versioning & branching</h3>
<p>We want to consolidate release management tooling between the multiple GitHub repositories for Angular (angular/angular, angular/angular-cli, and angular/components). This effort lets us reuse infrastructure, unify and simplify processes, and improve the reliability of our release process.</p>
</div>
<span>Completed in Q2 2021</span>
|
|
| /tools/language-service |
<div>
<h3>Transition the Angular language service to Ivy</h3>
<p>The goal of this project is to improve the experience and remove legacy dependency by transitioning the language service to Ivy. Today the language service still uses the View Engine compiler and type checking, even for Ivy apps. We want to use the Ivy template parser and improved type checking for the Angular Language service to match app behavior. This migration is also a step towards unblocking the removal of View Engine, which will simplify Angular, reduce the npm package size, and improve the maintainability of the framework.</p>
</div>
<span>Completed in Q2 2021</span>
|
|
| /best-practices/security |
<div>
<h3>Increased security with native Trusted Types in Angular</h3>
<p>In collaboration with the Google security team, we are adding support for the new Trusted Types API. This web platform API helps developers build more secure web apps.</p>
</div>
<span>Completed in Q2 2021</span>
|
|
| /tools/cli/build |
<div>
<h3>Optimized build speed and bundle sizes with Angular CLI webpack 5</h3>
<p>As part of the v11 release, we introduced an opt-in preview of webpack 5 in the Angular CLI. To ensure stability, we will continue iterating on the implementation to enable build speed and bundle size improvements.</p>
</div>
<span>Completed in Q2 2021</span>
|
|
| /guide/ssr |
<div>
<h3>Faster apps by inlining critical styles in Universal apps</h3>
<p>Loading external stylesheets is a blocking operation, which means that the browser cannot start rendering your app until it loads all the referenced CSS. Having render-blocking resources in the header of a page can significantly impact its load performance, for example, its first contentful paint. To make apps faster, we have been collaborating with the Google Chrome team on inlining critical CSS and loading the rest of the styles asynchronously.</p>
</div>
<span>Completed in Q1 2021</span>
|
|
| /errors |
<div>
<h3>Improve debugging with better Angular error messages</h3>
<p>Error messages often bring limited actionable information to help developers resolve them. We have been working on making error messages more discoverable by adding associated codes, developing guides, and other materials to ensure a smoother debugging experience.</p>
</div>
<span>Completed in Q1 2021</span>
|
|
| /tutorials |
<div>
<h3>Improved developer onboarding with refreshed introductory documentation</h3>
<p>We will redefine the user learning journeys and refresh the introductory documentation. We will clearly state the benefits of Angular, how to explore its capabilities and provide guidance so developers can become proficient with the framework in as little time as possible.</p>
</div>
<span>Completed in Q1 2021</span>
|
|
| /tools/cli |
<div>
<h3>Migrate to ESLint</h3>
<p>With the deprecation of TSLint we will be moving to ESLint. As part of the process, we will work on ensuring backward compatibility with our current recommended TSLint configuration, implement a migration strategy for existing Angular apps and introduce new tooling to the Angular CLI toolchain.</p>
</div>
<span>Completed in Q4 2020</span>
|
|
| /press-kit |
Press Kit
|
|
| /roadmap |
Roadmap
|
|
| /license |
MIT-style License
|
|
Внешние ссылки
Кол-во: 39
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 39 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице присутствуют ссылки на субдомены 10.
Показать внешние ссылки
| Url | Анкор |
|---|---|
| github.com |
<span _ngcontent-ng-c3326072784="" class="docs-faceted-list-item-text docs-external-link"> Get involved </span><!---->
|
| github.com |
Web Codegen Scorer
|
| github.com |
Web Codegen Scorer
|
| github.com |
<div>
<h3>Improve HMR (Hot Module Reload)</h3>
<p>We're working towards faster edit/refresh cycle by enabling hot module replacement. In Angular v19 we shipped initial support for CSS and template HMR and in v20 we graduated template HMR to stable. We'll continue collecting feedback to make sure we're addressing developers' needs before we mark this project as complete.</p>
</div>
<span>Completed in 2025</span>
|
| fonts.google.com |
Google Fonts
|
| github.com |
<div>
<h3>Deliver Angular Signals</h3>
<p>This project rethinks the Angular reactivity model by introducing Signals as a reactivity primitive. The initial planning resulted in hundreds of discussions, conversations with developers, feedback sessions, user experience studies, and a series of RFCs, which received over 1,000 comments.</p>
<p>In Angular v20 we graduated all the fundamental reactivity primitives to stable including signal, effect, linkedSignal, signal-based queries, and inputs.</p>
</div>
<span>Completed in Q2 2025</span>
|
| github.com |
<div>
<h3>Support two-dimensional drag-and-drop</h3>
<p>As part of this project, we implemented mixed orientation support for the Angular CDK drag and drop. This is one of the repository's most highly requested features.</p>
</div>
<span>Completed in Q2 2024</span>
|
| goo.gle |
<div>
<h3>Make Angular.dev the official home for Angular developers</h3>
<p>Angular.dev is the new site, domain and home for Angular development. The new site contains updated documentation, tutorials and guidance that will help developers build with Angular’s latest features.</p>
</div>
<span>Completed in Q2 2024</span>
|
| youtube.com |
video
|
| web.dev |
LCP
|
| web.dev |
CLS
|
| angular.io |
<div>
<h3>Documentation refactoring</h3>
<p>Ensure all existing documentation fits into a consistent set of content types. Update excessive use of tutorial-style documentation into independent topics. We want to ensure the content outside the main tutorials is self-sufficient without being tightly coupled to a series of guides. In Q2 2022, we refactored the template content and dependency injection. In Q1 2023, we improved the HTTP guides, and with this, we're putting the documentation refactoring project on hold.</p>
</div>
<span>Completed in Q1 2023</span>
|
| developer.chrome.com |
<div>
<h3>Better stack traces</h3>
<p>The Angular and the Chrome DevTools are working together to enable more readable stack traces for error messages. In v15 we released improved relevant and linked stack traces. As a lower priority initiative, we'll be exploring how to make the stack traces friendlier by providing more accurate call frame names for templates.</p>
</div>
<span>Completed in Q4 2022</span>
|
| angular.io |
<div>
<h3>Publish guides on advanced concepts</h3>
<p>Develop and publish an in-depth guide on change detection. Develop content for performance profiling of Angular apps. Cover how change detection interacts with Zone.js and explain when it gets triggered, how to profile its duration, as well as common practices for performance optimization.</p>
</div>
<span>Completed in Q2 2022</span>
|
| github.com |
<div>
<h3>Deprecate and remove IE11 support</h3>
<p>Internet Explorer 11 (IE11) has been preventing Angular from taking advantage of some of the modern features of the Web platform. As part of this project we are going to deprecate and remove IE11 support to open the path for modern features that evergreen browsers provide. We ran an RFC to collect feedback from the community and decide on next steps to move forward.</p>
</div>
<span>Completed in Q3 2021</span>
|
| typescriptlang.org |
<div>
<h3>Leverage ES2017+ as the default output language</h3>
<p>Supporting modern browsers lets us take advantage of the more compact, expressive, and performant new syntax of JavaScript. As part of this project we will investigate what the blockers are to moving forward with this effort, and take the steps to enable it.</p>
</div>
<span>Completed in Q3 2021</span>
|
| github.com |
<div>
<h3>Higher developer consistency with commit message standardization</h3>
<p>We want to unify commit message requirements and conformance across Angular repositories (angular/angular, angular/components, and angular/angular-cli) to bring consistency to our development process and reuse infrastructure tooling.</p>
</div>
<span>Completed in Q2 2021</span>
|
| angular.io |
<div>
<h3>Author a guide for content projection</h3>
<p>Content projection is a core Angular concept that does not have the presence it deserves in the documentation. As part of this project we want to identify the core use cases and concepts for content projection and document them.</p>
</div>
<span>Completed in Q2 2021</span>
|
| github.com |
<div>
<h3>Operation Bye Bye Backlog (also known as Operation Byelog)</h3>
<p>We are actively investing up to 50% of our engineering capacity on triaging issues and PRs until we have a clear understanding of broader community needs. After that, we will commit up to 20% of our engineering capacity to keep up with new submissions promptly.</p>
</div>
<span>Completed in Q4 2020</span>
|
| x.com |
X (formerly Twitter)
|
| bsky.app |
Bluesky
|
| youtube.com |
YouTube
|
| discord.gg |
Discord
|
| github.com |
GitHub
|
| stackoverflow.com |
Stack Overflow
|
| github.com |
Contribute
|
| github.com |
Code of Conduct
|
| github.com |
Report Issues
|
| devlibrary.withgoogle.com |
Google's DevLibrary
|
| developers.google.com |
Angular Google Developer Experts
|
| angular.az |
Azərbaycanca
|
| docs.angular.lat |
Español
|
| angular-docs.tr |
Türkçe
|
| angular-docs.ru |
Русский
|
| angular.kr |
한국어
|
| angular.jp |
日本語版
|
| angular.cn |
简体中文版
|
| dev.angular.tw |
正體中文版
|
| creativecommons.org |
CC BY 4.0
|
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Страница https://angular.dev/roadmap готова к продвижению на 60%. Чтобы еще улучшить страницу и попасть на первые места поисковой выдачи необходимо:
Исправьте ошибки в мета-тегах.
Исправьте ошибки оптимизации.
Исправьте ошибки индексации.
Поделитесь с друзьями: