Анализ сайта updates.html5rocks.com
Основное Готовность: 65%
Домен
updates.html5rocks.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Используйте для продвижения только домен второго уровня.
Длина домена велика. Но если вы продвигаете запрос, входящий в название домена, то это хорошо.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Кол-во редиректов 3 слишком большое! Проверьте настройки сайта и веб-сервера!
Цепочка редиректов:
http://updates.html5rocks.com
301 MovedPermanently
https://developers.google.com/web/updates/
301 MovedPermanently
https://developer.chrome.com/blog/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 09.01.2027 2:59:59.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,26сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,26сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
85Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 85Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 4
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 4 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | //fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap | |
| stylesheet | //fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block | |
| stylesheet | https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/css/app.css | |
| stylesheet | https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/css/dark-theme.css |
Серверные заголовки
Кол-во: 11
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 11шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Vary | Cookie |
| Content-Security-Policy | base-uri 'self'; object-src 'none'; script-src 'strict-dynamic' 'unsafe-inline' https: http: 'nonce-2HFL4lsucfk3RweMTrGiz3YV2Ly+As' 'unsafe-eval'; frame-ancestors 'self' https://developers.google.com/_d/analytics-iframe; report-uri https://csp.withgoogle.com/csp/devsite/v2 |
| Strict-Transport-Security | max-age=63072000; includeSubdomains; preload |
| X-XSS-Protection | 0 |
| X-Content-Type-Options | nosniff |
| Cache-Control | must-revalidate, no-cache |
| Pragma | no-cache |
| x-cloud-trace-context | 7ef2eac03e8e6fb073be6fb7086f3357 |
| Date | Sat, 22 Aug 2026 13:55:56 GMT |
| Server | |
| Alt-Svc | h3=":443"; ma=2592000 |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Google
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
В заголовке Server указано: Google.
Мета-теги Готовность: 38%
Title
Blog | Chrome for Developers
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Устраните дубли в title: (2)
Число символов в title 40 оптимально (норма: от 40 до 45).
Description
Latest news from the Chrome Developer Relations team
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение мало: 52, минимум: 80, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://developer.chrome.com/blog
Указывает поисковику основную версию страницы
?
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
Кол-во: 6
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:site_name | Chrome for Developers |
| og:type | website |
| og:title | Blog | Chrome for Developers |
| og:description | Latest news from the Chrome Developer Relations team |
| og:url | https://developer.chrome.com/blog |
| og:locale | en |
Все мета-теги
Кол-во: 11
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 11шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | google-signin-client-id | 157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com |
| name | google-signin-scope | profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty |
| name | theme-color | #1a73e8 |
| name | viewport | width=device-width, initial-scale=1 |
| name | description | Latest news from the Chrome Developer Relations team |
| property | og:site_name | Chrome for Developers |
| property | og:type | website |
| property | og:title | Blog | Chrome for Developers |
| property | og:description | Latest news from the Chrome Developer Relations team |
| property | og:url | https://developer.chrome.com/blog |
| property | og:locale | en |
Оптимизация Готовность: 57%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в одном экземпляре).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Абзацев с текстом 0 слишком мало. Добавьте больше абзацев с текстом (тег <p>)!
Среднее число слов в абзаце 0 слишком мало. Сделайте контент более читаемым!
Кол-во слов 323 слишком мало. Добавьте больше текста (минимум 400 слов)!
Слова из title 4 встречаются в тексте достаточно.
Кол-во знаков контента 2492 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h2> 1. Это хорошо.
На странице присутствуют заголовки <h3> 3.
Тошнота
3,74
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
11,46%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| chrome | 14 | 4,33% |
| "thumb-down"] | 4 | 1,24% |
| content | 3 | 0,93% |
| origin | 3 | 0,93% |
| trials | 3 | 0,93% |
| chromium | 3 | 0,93% |
| experience | 3 | 0,93% |
| privacy | 3 | 0,93% |
| studies | 3 | 0,93% |
| developers | 3 | 0,93% |
| platform | 2 | 0,62% |
| capabilities | 2 | 0,62% |
| automation | 2 | 0,62% |
| testing | 2 | 0,62% |
| chromedriver | 2 | 0,62% |
| extensions | 2 | 0,62% |
| android | 2 | 0,62% |
| release | 2 | 0,62% |
| productivity | 2 | 0,62% |
| devtools | 2 | 0,62% |
Индексация Готовность: 0%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 126 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Кол-во редиректов для файла robots.txt 3 слишком большое! Это может вызывать затруднение при индексации поисковыми роботами!
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://updates.html5rocks.com/robots.txt
301 MovedPermanently
https://developers.google.com/web/updates/robots.txt
301 MovedPermanently
https://developer.chrome.com/blog/
200 OK
Показать содержимое robots.txt
<!doctype html>
<html
lang="en"
dir="ltr">
<head>
<meta name="google-signin-client-id" content="157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com"><meta name="google-signin-scope"
content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty"><meta property="og:site_name" content="Chrome for Developers">
<meta property="og:type" content="website"><meta name="theme-color" content="#1a73e8"><meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="/_pwa/chrome/manifest.json"
crossorigin="use-credentials">
<link rel="preconnect" href="//www.gstatic.com" crossorigin>
<link rel="preconnect" href="//fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap">
<link rel="stylesheet"
href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/css/app.css">
<link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/css/dark-theme.css" disabled>
<link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/favicon.png">
<link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/touchicon-180.png"><link rel="canonical" href="https://developer.chrome.com/blog"><link rel="search" type="application/opensearchdescription+xml"
title="Chrome for Developers" href="https://developer.chrome.com/s/opensearch.xml">
<link rel="alternate" hreflang="en"
href="https://developer.chrome.com/blog" /><link rel="alternate" hreflang="x-default" href="https://developer.chrome.com/blog" /><link rel="alternate" hreflang="ar"
href="https://developer.chrome.com/blog?hl=ar" /><link rel="alternate" hreflang="bn"
href="https://developer.chrome.com/blog?hl=bn" /><link rel="alternate" hreflang="zh-Hans"
href="https://developer.chrome.com/blog?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant"
href="https://developer.chrome.com/blog?hl=zh-tw" /><link rel="alternate" hreflang="nl"
href="https://developer.chrome.com/blog?hl=nl" /><link rel="alternate" hreflang="fa"
href="https://developer.chrome.com/blog?hl=fa" /><link rel="alternate" hreflang="fr"
href="https://developer.chrome.com/blog?hl=fr" /><link rel="alternate" hreflang="de"
href="https://developer.chrome.com/blog?hl=de" /><link rel="alternate" hreflang="he"
href="https://developer.chrome.com/blog?hl=he" /><link rel="alternate" hreflang="hi"
href="https://developer.chrome.com/blog?hl=hi" /><link rel="alternate" hreflang="id"
href="https://developer.chrome.com/blog?hl=id" /><link rel="alternate" hreflang="it"
href="https://developer.chrome.com/blog?hl=it" /><link rel="alternate" hreflang="ja"
href="https://developer.chrome.com/blog?hl=ja" /><link rel="alternate" hreflang="ko"
href="https://developer.chrome.com/blog?hl=ko" /><link rel="alternate" hreflang="pl"
href="https://developer.chrome.com/blog?hl=pl" /><link rel="alternate" hreflang="pt-BR"
href="https://developer.chrome.com/blog?hl=pt-br" /><link rel="alternate" hreflang="ru"
href="https://developer.chrome.com/blog?hl=ru" /><link rel="alternate" hreflang="es-419"
href="https://developer.chrome.com/blog?hl=es-419" /><link rel="alternate" hreflang="th"
href="https://developer.chrome.com/blog?hl=th" /><link rel="alternate" hreflang="tr"
href="https://developer.chrome.com/blog?hl=tr" /><link rel="alternate" hreflang="vi"
href="https://developer.chrome.com/blog?hl=vi" /><link rel="alternate" hreflang="en-cn"
href="https://developer.chrome.google.cn/blog" /><link rel="alternate" hreflang="x-default" href="https://developer.chrome.google.cn/blog" /><link rel="alternate" hreflang="ar-cn"
href="https://developer.chrome.google.cn/blog?hl=ar" /><link rel="alternate" hreflang="bn-cn"
href="https://developer.chrome.google.cn/blog?hl=bn" /><link rel="alternate" hreflang="zh-Hans-cn"
href="https://developer.chrome.google.cn/blog?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant-cn"
href="https://developer.chrome.google.cn/blog?hl=zh-tw" /><link rel="alternate" hreflang="nl-cn"
href="https://developer.chrome.google.cn/blog?hl=nl" /><link rel="alternate" hreflang="fa-cn"
href="https://developer.chrome.google.cn/blog?hl=fa" /><link rel="alternate" hreflang="fr-cn"
href="https://developer.chrome.google.cn/blog?hl=fr" /><link rel="alternate" hreflang="de-cn"
href="https://developer.chrome.google.cn/blog?hl=de" /><link rel="alternate" hreflang="he-cn"
href="https://developer.chrome.google.cn/blog?hl=he" /><link rel="alternate" hreflang="hi-cn"
href="https://developer.chrome.google.cn/blog?hl=hi" /><link rel="alternate" hreflang="id-cn"
href="https://developer.chrome.google.cn/blog?hl=id" /><link rel="alternate" hreflang="it-cn"
href="https://developer.chrome.google.cn/blog?hl=it" /><link rel="alternate" hreflang="ja-cn"
href="https://developer.chrome.google.cn/blog?hl=ja" /><link rel="alternate" hreflang="ko-cn"
href="https://developer.chrome.google.cn/blog?hl=ko" /><link rel="alternate" hreflang="pl-cn"
href="https://developer.chrome.google.cn/blog?hl=pl" /><link rel="alternate" hreflang="pt-BR-cn"
href="https://developer.chrome.google.cn/blog?hl=pt-br" /><link rel="alternate" hreflang="ru-cn"
href="https://developer.chrome.google.cn/blog?hl=ru" /><link rel="alternate" hreflang="es-419-cn"
href="https://developer.chrome.google.cn/blog?hl=es-419" /><link rel="alternate" hreflang="th-cn"
href="https://developer.chrome.google.cn/blog?hl=th" /><link rel="alternate" hreflang="tr-cn"
href="https://developer.chrome.google.cn/blog?hl=tr" /><link rel="alternate" hreflang="vi-cn"
href="https://developer.chrome.google.cn/blog?hl=vi" /><title>Blog | Chrome for Developers</title>
<meta property="og:title" content="Blog | Chrome for Developers"><meta name="description" content="Latest news from the Chrome Developer Relations team">
<meta property="og:description" content="Latest news from the Chrome Developer Relations team"><meta property="og:url" content="https://developer.chrome.com/blog"><meta property="og:locale" content="en"><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": ""
}
</script>
</head>
<body class="color-scheme--light"
template="landing"
theme="chrome-theme"
type="article"
appearance
layout="full"
pending>
<devsite-progress type="indeterminate" id="app-progress"></devsite-progress>
<a href="#main-content" class="skip-link button">
Skip to main content
</a>
<section class="devsite-wrapper">
<devsite-cookie-notification-bar></devsite-cookie-notification-bar>
<devsite-header role="banner">
<div class="devsite-header--inner" data-nosnippet>
<div class="devsite-top-logo-row-wrapper-wrapper">
<div class="devsite-top-logo-row-wrapper">
<div class="devsite-top-logo-row">
<button type="button" id="devsite-hamburger-menu"
class="devsite-header-icon-button button-flat material-icons gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Navigation menu button"
visually-hidden
aria-label="Open menu">
</button>
<div class="devsite-product-name-wrapper">
<a href="/" class="devsite-site-logo-link gc-analytics-event"
data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav"
track-name="chromeForDevelopers" track-metadata-position="nav"
track-metadata-eventDetail="nav">
<picture>
<source srcset="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/lockup-dark-theme.svg"
media="(prefers-color-scheme: dark)"
class="devsite-dark-theme">
<img src="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/lockup.svg" class="devsite-site-logo" alt="Chrome for Developers">
</picture>
</a>
</div>
<div class="devsite-top-logo-row-middle">
<div class="devsite-header-upper-tabs">
<devsite-tabs class="upper-tabs">
<nav class="devsite-tabs-wrapper" aria-label="Upper tabs">
<tab class="devsite-dropdown
devsite-dropdown-full
">
<a href="https://developer.chrome.com/docs"
class="devsite-tabs-content gc-analytics-event "
track-metadata-eventdetail="https://developer.chrome.com/docs"
track-type="nav"
track-metadata-position="nav - docs"
track-metadata-module="primary nav"
data-category="Site-Wide Custom Events"
data-label="Tab: Docs"
track-name="docs"
>
Docs
</a>
<button
aria-haspopup="menu"
aria-expanded="false"
aria-label="Dropdown menu for Docs"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs"
track-metadata-position="nav - docs"
track-metadata-module="primary nav"
data-category="Site-Wide Custom Events"
data-label="Tab: Docs"
track-name="docs"
class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></button>
<div class="devsite-tabs-dropdown" role="menu" aria-label="submenu" hidden>
<div class="devsite-tabs-dropdown-content">
<div class="devsite-tabs-dropdown-column
">
<ul class="devsite-tabs-dropdown-section
build-icon dcc-subnav">
<li class="devsite-nav-title" role="heading" tooltip>Build with Chrome</li>
<li class="devsite-nav-description">Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/web-platform"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/web-platform"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Web Platform
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/capabilities"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/capabilities"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Capabilities
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/automation-and-testing"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/automation-and-testing"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Automation and testing
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/chromedriver"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/chromedriver"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
ChromeDriver
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/extensions"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/extensions"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Extensions
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/webstore"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/webstore"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Chrome Web Store
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/chromium"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/chromium"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Chromium
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/android"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/android"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Web on Android
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/origintrials/"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/origintrials/"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Origin trials
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/release-notes"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/release-notes"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="build with chrome"
tooltip
>
<div class="devsite-nav-item-title">
Release notes
</div>
</a>
</li>
</ul>
</div>
<div class="devsite-tabs-dropdown-column
">
<ul class="devsite-tabs-dropdown-section
productivity-icon dcc-subnav">
<li class="devsite-nav-title" role="heading" tooltip>Productivity</li>
<li class="devsite-nav-description">Create the best experience for your users with the web's best tools.</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/devtools"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/devtools"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
DevTools
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/lighthouse"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/lighthouse"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
Lighthouse
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/crux"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/crux"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
Chrome UX Report
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/accessibility"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/accessibility"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
Accessibility
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/modern-web-guidance"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/modern-web-guidance"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
Modern Web Guidance
</div>
</a>
</li>
</ul>
<ul class="devsite-tabs-dropdown-section
dcc-subnav second-column-list">
<li class="devsite-nav-description">Get things done quicker and neater, with our ready-made libraries.
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/workbox"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/workbox"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
Workbox
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/puppeteer"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/puppeteer"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="productivity"
tooltip
>
<div class="devsite-nav-item-title">
Puppeteer
</div>
</a>
</li>
</ul>
</div>
<div class="devsite-tabs-dropdown-column
">
<ul class="devsite-tabs-dropdown-section
experience-icon dcc-subnav">
<li class="devsite-nav-title" role="heading" tooltip>Experience</li>
<li class="devsite-nav-description">Design a beautiful and performant web with Chrome.
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/ai"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/ai"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="experience"
tooltip
>
<div class="devsite-nav-item-title">
AI
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/performance"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/performance"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="experience"
tooltip
>
<div class="devsite-nav-item-title">
Performance
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/css-ui"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/css-ui"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="experience"
tooltip
>
<div class="devsite-nav-item-title">
CSS and UI
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/identity"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/identity"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="experience"
tooltip
>
<div class="devsite-nav-item-title">
Identity
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/payments"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/payments"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="experience"
tooltip
>
<div class="devsite-nav-item-title">
Payments
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/privacy-security"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/privacy-security"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="experience"
tooltip
>
<div class="devsite-nav-item-title">
Privacy and security
</div>
</a>
</li>
</ul>
</div>
<div class="devsite-tabs-dropdown-column
">
<ul class="devsite-tabs-dropdown-section
resources-icon dcc-subnav">
<li class="devsite-nav-title" role="heading" tooltip>Resources</li>
<li class="devsite-nav-description">More from Chrome and Google.
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="resources"
tooltip
>
<div class="devsite-nav-item-title">
All documentation
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://web.dev/baseline"
track-type="nav"
track-metadata-eventdetail="https://web.dev/baseline"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="resources"
tooltip
>
<div class="devsite-nav-item-title">
Baseline
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://web.dev"
track-type="nav"
track-metadata-eventdetail="https://web.dev"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="resources"
tooltip
>
<div class="devsite-nav-item-title">
web.dev
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://pagespeed.web.dev"
track-type="nav"
track-metadata-eventdetail="https://pagespeed.web.dev"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="resources"
tooltip
>
<div class="devsite-nav-item-title">
PageSpeed Insights audit
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/docs/iwa"
track-type="nav"
track-metadata-eventdetail="https://developer.chrome.com/docs/iwa"
track-metadata-position="nav - docs"
track-metadata-module="tertiary nav"
track-metadata-module_headline="resources"
tooltip
>
<div class="devsite-nav-item-title">
Isolated Web Apps (IWA)
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</tab>
<tab >
<a href="https://developer.chrome.com/case-studies"
class="devsite-tabs-content gc-analytics-event "
track-metadata-eventdetail="https://developer.chrome.com/case-studies"
track-type="nav"
track-metadata-position="nav - case studies"
track-metadata-module="primary nav"
data-category="Site-Wide Custom Events"
data-label="Tab: Case studies"
track-name="case studies"
>
Case studies
</a>
</tab>
<tab class="devsite-active">
<a href="https://developer.chrome.com/blog"
class="devsite-tabs-content gc-analytics-event "
track-metadata-eventdetail="https://developer.chrome.com/blog"
track-type="nav"
track-metadata-position="nav - blog"
track-metadata-module="primary nav"
aria-label="Blog, selected"
data-category="Site-Wide Custom Events"
data-label="Tab: Blog"
track-name="blog"
>
Blog
</a>
</tab>
<tab >
<a href="https://developer.chrome.com/new"
class="devsite-tabs-content gc-analytics-event "
track-metadata-eventdetail="https://developer.chrome.com/new"
track-type="nav"
track-metadata-position="nav - new in chrome"
track-metadata-module="primary nav"
data-category="Site-Wide Custom Events"
data-label="Tab: New in Chrome"
track-name="new in chrome"
>
New in Chrome
</a>
</tab>
</nav>
</devsite-tabs>
</div>
<devsite-search
enable-signin
enable-search
enable-suggestions
enable-query-completion
enable-search-summaries
project-name="Blog"
tenant-name="Chrome for Developers"
>
<form class="devsite-search-form" action="https://developer.chrome.com/s/results" method="GET">
<div class="devsite-search-container">
<button type="button"
search-open
class="devsite-search-button devsite-header-icon-button button-flat material-icons"
aria-label="Open search"></button>
<div class="devsite-searchbox">
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-label="Search"
aria-expanded="false"
aria-haspopup="listbox"
autocomplete="off"
class="devsite-search-field devsite-search-query"
name="q"
placeholder="Search"
role="combobox"
type="text"
value=""
>
<div class="devsite-search-image material-icons" aria-hidden="true">
<svg class="devsite-search-ai-image" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6641_386)">
<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14167 15.375 4.875 14.125C3.625 12.8583 3 11.3167 3 9.5C3 7.68333 3.625 6.15 4.875 4.9C6.14167 3.63333 7.68333 3 9.5 3C10.0167 3 10.5167 3.05833 11 3.175C11.4833 3.275 11.9417 3.43333 12.375 3.65L10.825 5.2C10.6083 5.13333 10.3917 5.08333 10.175 5.05C9.95833 5.01667 9.73333 5 9.5 5C8.25 5 7.18333 5.44167 6.3 6.325C5.43333 7.19167 5 8.25 5 9.5C5 10.75 5.43333 11.8167 6.3 12.7C7.18333 13.5667 8.25 14 9.5 14C10.6667 14 11.6667 13.625 12.5 12.875C13.35 12.1083 13.8417 11.15 13.975 10H15.975C15.925 10.6333 15.7833 11.2333 15.55 11.8C15.3333 12.3667 15.05 12.8667 14.7 13.3L21 19.6L19.6 21ZM17.5 12C17.5 10.4667 16.9667 9.16667 15.9 8.1C14.8333 7.03333 13.5333 6.5 12 6.5C13.5333 6.5 14.8333 5.96667 15.9 4.9C16.9667 3.83333 17.5 2.53333 17.5 0.999999C17.5 2.53333 18.0333 3.83333 19.1 4.9C20.1667 5.96667 21.4667 6.5 23 6.5C21.4667 6.5 20.1667 7.03333 19.1 8.1C18.0333 9.16667 17.5 10.4667 17.5 12Z" fill="#5F6368"/>
</g>
<defs>
<clipPath id="clip0_6641_386">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<div class="devsite-search-shortcut-icon-container" aria-hidden="true">
<kbd class="devsite-search-shortcut-icon">/</kbd>
</div>
</div>
</div>
</form>
<button type="button"
search-close
class="devsite-search-button devsite-header-icon-button button-flat material-icons"
aria-label="Close search"></button>
</devsite-search>
</div>
<devsite-appearance-selector></devsite-appearance-selector>
<devsite-language-selector>
<ul role="presentation">
<li role="presentation">
<a role="menuitem" lang="en"
>English</a>
</li>
<li role="presentation">
<a role="menuitem" lang="de"
>Deutsch</a>
</li>
<li role="presentation">
<a role="menuitem" lang="es_419"
>Español – América Latina</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fr"
>Français</a>
</li>
<li role="presentation">
<a role="menuitem" lang="id"
>Indonesia</a>
</li>
<li role="presentation">
<a role="menuitem" lang="it"
>Italiano</a>
</li>
<li role="presentation">
<a role="menuitem" lang="nl"
>Nederlands</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pl"
>Polski</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pt_br"
>Português – Brasil</a>
</li>
<li role="presentation">
<a role="menuitem" lang="vi"
>Tiếng Việt</a>
</li>
<li role="presentation">
<a role="menuitem" lang="tr"
>Türkçe</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ru"
>Русский</a>
</li>
<li role="presentation">
<a role="menuitem" lang="he"
>עברית</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ar"
>العربيّة</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fa"
>فارسی</a>
</li>
<li role="presentation">
<a role="menuitem" lang="hi"
>हिंदी</a>
</li>
<li role="presentation">
<a role="menuitem" lang="bn"
>বাংলা</a>
</li>
<li role="presentation">
<a role="menuitem" lang="th"
>ภาษาไทย</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh_cn"
>中文 – 简体</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh_tw"
>中文 – 繁體</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ja"
>日本語</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ko"
>한국어</a>
</li>
</ul>
</devsite-language-selector>
<devsite-user
enable-profiles
id="devsite-user">
<span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span>
</devsite-user>
</div>
</div>
</div>
<div class="devsite-collapsible-section
devsite-header-no-lower-tabs
">
<div class="devsite-header-background">
</div>
</div>
</div>
</devsite-header>
<devsite-book-nav scrollbars hidden>
<div class="devsite-book-nav-filter"
hidden>
<span class="filter-list-icon material-icons" aria-hidden="true"></span>
<input type="text"
placeholder="Filter"
aria-label="Type to filter"
role="searchbox">
<span class="filter-clear-button hidden"
data-title="Clear filter"
aria-label="Clear filter"
role="button"
tabindex="0"></span>
</div>
<nav class="devsite-book-nav devsite-nav nocontent" data-nosnippet
aria-label="Side menu">
<div class="devsite-mobile-header">
<button type="button"
id="devsite-close-nav"
class="devsite-header-icon-button button-flat material-icons gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Close navigation"
aria-label="Close navigation">
</button>
<div class="devsite-product-name-wrapper">
<a href="/" class="devsite-site-logo-link gc-analytics-event"
data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav"
track-name="chromeForDevelopers" track-metadata-position="nav"
track-metadata-eventDetail="nav">
<picture>
<source srcset="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/lockup-dark-theme.svg"
media="(prefers-color-scheme: dark)"
class="devsite-dark-theme">
<img src="https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/lockup.svg" class="devsite-site-logo" alt="Chrome for Developers">
</picture>
</a>
</div>
</div>
<div class="devsite-book-nav-wrapper">
<div class="devsite-mobile-nav-top">
<ul class="devsite-nav-list">
<li class="devsite-nav-item">
<a href="/docs"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Tab: Docs"
track-name="docs"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Docs"
track-type="globalNav"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Docs
</span>
</a>
<ul class="devsite-nav-responsive-tabs devsite-nav-has-menu
">
<li class="devsite-nav-item">
<span
class="devsite-nav-title"
tooltip
data-category="Site-Wide Custom Events"
data-label="Tab: Docs"
track-name="docs"
>
<span class="devsite-nav-text" tooltip menu="Docs">
More
</span>
<span class="devsite-nav-icon material-icons" data-icon="forward"
menu="Docs">
</span>
</span>
</li>
</ul>
</li>
<li class="devsite-nav-item">
<a href="/case-studies"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Tab: Case studies"
track-name="case studies"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Case studies"
track-type="globalNav"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Case studies
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/blog"
class="devsite-nav-title gc-analytics-event
devsite-nav-active"
data-category="Site-Wide Custom Events"
data-label="Tab: Blog"
track-name="blog"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Blog"
track-type="globalNav"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Blog
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/new"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Tab: New in Chrome"
track-name="new in chrome"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: New in Chrome"
track-type="globalNav"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
New in Chrome
</span>
</a>
</li>
</ul>
</div>
<div class="devsite-mobile-nav-bottom">
<ul class="devsite-nav-list" menu="Docs"
aria-label="Side menu" hidden>
<li class="devsite-nav-item devsite-nav-heading">
<span
class="devsite-nav-title"
tooltip
>
<span class="devsite-nav-text" tooltip >
Build with Chrome
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/docs/web-platform"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Web Platform"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Web Platform
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/capabilities"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Capabilities"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Capabilities
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/automation-and-testing"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Automation and testing"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Automation and testing
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/chromedriver"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: ChromeDriver"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
ChromeDriver
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/extensions"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Extensions"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Extensions
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/webstore"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Chrome Web Store"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Chrome Web Store
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/chromium"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Chromium"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Chromium
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/android"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Web on Android"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Web on Android
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://developer.chrome.com/origintrials/"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Origin trials"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Origin trials
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/release-notes"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Release notes"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Release notes
</span>
</a>
</li>
<li class="devsite-nav-item devsite-nav-heading">
<span
class="devsite-nav-title"
tooltip
>
<span class="devsite-nav-text" tooltip >
Productivity
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/docs/devtools"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: DevTools"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
DevTools
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/lighthouse"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Lighthouse"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Lighthouse
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/crux"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Chrome UX Report"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Chrome UX Report
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/accessibility"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Accessibility"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Accessibility
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/modern-web-guidance"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Modern Web Guidance"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Modern Web Guidance
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/workbox"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Workbox"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Workbox
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/puppeteer"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Puppeteer"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Puppeteer
</span>
</a>
</li>
<li class="devsite-nav-item devsite-nav-heading">
<span
class="devsite-nav-title"
tooltip
>
<span class="devsite-nav-text" tooltip >
Experience
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/docs/ai"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: AI"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
AI
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/performance"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Performance"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Performance
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/css-ui"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: CSS and UI"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
CSS and UI
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/identity"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Identity"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Identity
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/payments"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Payments"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Payments
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/privacy-security"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Privacy and security"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Privacy and security
</span>
</a>
</li>
<li class="devsite-nav-item devsite-nav-heading">
<span
class="devsite-nav-title"
tooltip
>
<span class="devsite-nav-text" tooltip >
Resources
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/docs"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: All documentation"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
All documentation
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://web.dev/baseline"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Baseline"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Baseline
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://web.dev"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: web.dev"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
web.dev
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://pagespeed.web.dev"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: PageSpeed Insights audit"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
PageSpeed Insights audit
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/iwa"
class="devsite-nav-title gc-analytics-event
"
data-category="Site-Wide Custom Events"
data-label="Responsive Tab: Isolated Web Apps (IWA)"
track-type="navMenu"
track-metadata-eventDetail="globalMenu"
track-metadata-position="nav">
<span class="devsite-nav-text" tooltip >
Isolated Web Apps (IWA)
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</devsite-book-nav>
<section id="gc-wrapper">
<main role="main" id="main-content" class="devsite-main-content"
>
<div class="devsite-sidebar">
<div class="devsite-sidebar-content">
<devsite-toc class="devsite-nav"
role="navigation"
aria-label="On this page"
depth="2"
scrollbars
data-nosnippet
disabled></devsite-toc>
<devsite-recommendations-sidebar class="nocontent devsite-nav" data-nosnippet>
</devsite-recommendations-sidebar>
</div>
</div>
<devsite-content>
<article class="devsite-article"><style>
/* Styles inlined from /css/landing.css */
/* Temporary style changes for landing pages */
.devsite-card-summary {
max-height: initial;
}
.devsite-landing-row-item-list-item-buttons {
text-overflow: ellipsis;
overflow: hidden;
}
.devsite-landing-row-item-list-item-buttons a.button-white {
width: 100%;
text-align: left;
}
fieldset.catalog-checkbox-controls-group:after {
display: none;
}
.dcc-hero-heading h2 {
font-size: 600%;
line-height: 1.1;
color: var(--chrome-primary);
}
</style>
<div class="devsite-article-meta nocontent" role="navigation" data-nosnippet>
<ul class="devsite-breadcrumb-list"
aria-label="Breadcrumb">
<li class="devsite-breadcrumb-item
">
<a href="https://developer.chrome.com/"
class="devsite-breadcrumb-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Breadcrumbs"
data-value="1"
track-type="globalNav"
track-name="breadcrumb"
track-metadata-position="1"
track-metadata-eventdetail="Chrome for Developers"
>
Chrome for Developers
</a>
</li>
<li class="devsite-breadcrumb-item
">
<div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div>
<a href="https://developer.chrome.com/blog"
class="devsite-breadcrumb-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Breadcrumbs"
data-value="2"
track-type="globalNav"
track-name="breadcrumb"
track-metadata-position="2"
track-metadata-eventdetail="Blog"
>
Blog
</a>
</li>
</ul>
</div>
<devsite-actions hidden data-nosnippet><devsite-feature-tooltip
ack-key="AckCollectionsBookmarkTooltipDismiss"
analytics-category="Site-Wide Custom Events"
analytics-action-show="Callout Profile displayed"
analytics-action-close="Callout Profile dismissed"
analytics-label="Create Collection Callout"
class="devsite-page-bookmark-tooltip nocontent"
data-nosnippet
dismiss-button="true"
id="devsite-collections-dropdown"
dismiss-button-text="Dismiss"
close-button-text="Got it">
<devsite-bookmark></devsite-bookmark>
<span slot="popout-heading">
Stay organized with collections
</span>
<span slot="popout-contents">
Save and categorize content based on your preferences.
</span>
</devsite-feature-tooltip></devsite-actions>
<devsite-toc class="devsite-nav"
depth="2"
devsite-toc-embedded
disabled>
</devsite-toc>
<div class="devsite-article-body clearfix
devsite-no-page-title">
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-hero devsite-landing-row-header-centered devsite-landing-row-padding-large"
background="grey"
header-position="top"
>
<div class="devsite-landing-row-inner">
<header class="devsite-landing-row-header"
>
<div class="devsite-landing-row-header-text">
<h2 id="blog"
data-text="Blog"
tabindex="0">
Blog
</h2>
<div class="devsite-landing-row-description">
Our latest news, updates, and stories for developers
</div>
</div>
</header>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100 devsite-landing-row-no-image-background devsite-landing-row-padding-xlarge"
header-position="top"
>
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item devsite-landing-row-item-no-media"
description-position="bottom"
>
<div class="devsite-landing-row-item-description"
>
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<devsite-dynamic-content
initial-results="12"
items-per-page="12"
maxresults="180"
query="type:blog"
pagination-type="button"
sortorder="recency"
fields="title image summary tags author date"
template="card"
style="min-height:1000px">
</devsite-dynamic-content>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="devsite-floating-action-buttons"></div></article>
<devsite-notification
>
</devsite-notification>
<div class="devsite-content-data">
<template class="devsite-content-data-template">
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]
</template>
</div>
</devsite-content>
</main>
<devsite-footer-promos class="devsite-footer">
</devsite-footer-promos>
<devsite-footer-linkboxes class="devsite-footer">
<nav class="devsite-footer-linkboxes nocontent"
aria-label="Footer links"
data-nosnippet>
<ul class="devsite-footer-linkboxes-list">
<li class="devsite-footer-linkbox ">
<h3 class="devsite-footer-linkbox-heading no-link">Contribute</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a href="https://issuetracker.google.com/issues/new?component=1400036&template=1897236"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 1)"
>
File a bug
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="https://issuetracker.google.com/issues?q=status:open%20componentid:1400036&s=created_time:desc"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 2)"
>
See open issues
</a>
</li>
</ul>
</li>
<li class="devsite-footer-linkbox ">
<h3 class="devsite-footer-linkbox-heading no-link">Related content</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a href="https://blog.chromium.org/"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 1)"
>
Chromium updates
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/case-studies"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 2)"
>
Case studies
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/deprecated"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 3)"
>
Archive
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="https://web.dev/shows"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 4)"
>
Podcasts & shows
</a>
</li>
</ul>
</li>
<li class="devsite-footer-linkbox ">
<h3 class="devsite-footer-linkbox-heading no-link">Follow</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a href="https://twitter.com/ChromiumDev"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 1)"
>
@ChromiumDev on X
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="https://www.youtube.com/user/ChromeDevelopers"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 2)"
>
YouTube
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="https://www.linkedin.com/showcase/chrome-for-developers"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 3)"
>
Chrome for Developers on LinkedIn
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/static/blog/feed.xml"
class="devsite-footer-linkbox-link gc-analytics-event"
data-category="Site-Wide Custom Events"
data-label="Footer Link (index 4)"
>
RSS
</a>
</li>
</ul>
</li>
</ul>
</nav>
</devsite-footer-linkboxes>
<devsite-footer-utility class="devsite-footer">
<div class="devsite-footer-utility nocontent" data-nosnippet>
<nav class="devsite-footer-utility-links" aria-label="Utility links">
<ul class="devsite-footer-utility-list">
<li class="devsite-footer-utility-item
">
<a class="devsite-footer-utility-link gc-analytics-event"
href="//policies.google.com/terms"
data-category="Site-Wide Custom Events"
data-label="Footer Terms link"
>
Terms
</a>
</li>
<li class="devsite-footer-utility-item
">
<a class="devsite-footer-utility-link gc-analytics-event"
href="//policies.google.com/privacy"
data-category="Site-Wide Custom Events"
data-label="Footer Privacy link"
>
Privacy
</a>
</li>
<li class="devsite-footer-utility-item
glue-cookie-notification-bar-control">
<a class="devsite-footer-utility-link gc-analytics-event"
href="#"
data-category="Site-Wide Custom Events"
data-label="Footer Manage cookies link"
aria-hidden="true"
>
Manage cookies
</a>
</li>
</ul>
<devsite-language-selector>
<ul role="presentation">
<li role="presentation">
<a role="menuitem" lang="en"
>English</a>
</li>
<li role="presentation">
<a role="menuitem" lang="de"
>Deutsch</a>
</li>
<li role="presentation">
<a role="menuitem" lang="es_419"
>Español – América Latina</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fr"
>Français</a>
</li>
<li role="presentation">
<a role="menuitem" lang="id"
>Indonesia</a>
</li>
<li role="presentation">
<a role="menuitem" lang="it"
>Italiano</a>
</li>
<li role="presentation">
<a role="menuitem" lang="nl"
>Nederlands</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pl"
>Polski</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pt_br"
>Português – Brasil</a>
</li>
<li role="presentation">
<a role="menuitem" lang="vi"
>Tiếng Việt</a>
</li>
<li role="presentation">
<a role="menuitem" lang="tr"
>Türkçe</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ru"
>Русский</a>
</li>
<li role="presentation">
<a role="menuitem" lang="he"
>עברית</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ar"
>العربيّة</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fa"
>فارسی</a>
</li>
<li role="presentation">
<a role="menuitem" lang="hi"
>हिंदी</a>
</li>
<li role="presentation">
<a role="menuitem" lang="bn"
>বাংলা</a>
</li>
<li role="presentation">
<a role="menuitem" lang="th"
>ภาษาไทย</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh_cn"
>中文 – 简体</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh_tw"
>中文 – 繁體</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ja"
>日本語</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ko"
>한국어</a>
</li>
</ul>
</devsite-language-selector>
</nav>
</div>
</devsite-footer-utility>
<devsite-panel>
</devsite-panel>
</section>
</section>
<devsite-sitemask></devsite-sitemask>
<devsite-snackbar></devsite-snackbar>
<devsite-tooltip ></devsite-tooltip>
<devsite-heading-link></devsite-heading-link>
<devsite-analytics>
<script type="application/json" analytics>[]</script>
<script type="application/json" tag-management>{"at": "True", "ga4": [], "ga4p": [], "gtm": [{"id": "GTM-5QF3RT2", "purpose": 0}], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Blog", "signedIn": "False", "tenant": "chrome", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script>
</devsite-analytics>
<devsite-badger></devsite-badger>
<script nonce="piIWZVQ5fuKbtaQjjnjmD6Z9qCe4FM">
(function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i;
t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0];
E.parentNode.insertBefore(t,E);})(window, document, 'script',
'https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/js/app_loader.js', '[53,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f","https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome","https://chrome-dot-devsite-v2-prod-3p.appspot.com",1,null,["/_pwa/chrome/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/favicon.png","https://www.gstatic.com/devrel-devsite/prod/v8c5e9c8e09d4f0c961905721a95aa2027138cb55ec6e1fa60fd7aaa3726ca05f/chrome/images/lockup.svg","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyCNm9YxQumEXwGJgTDjxoxXK6m1F-9720Q","AIzaSyCc76DZePGtoyUjqKrLdsMGk_ry7sljLbY","developer.chrome.com","AIzaSyB9bqgQ2t11WJsOX8qNsCQ6U-w91mmqF-I","AIzaSyAdYnStPdzjcJJtQ0mvIaeaMKj7_t6J_Fg",null,null,null,["DevPro__enable_devsite_captcha","Cloud__enable_cloud_shell","DevPro__enable_nvidia_credits_card","Analytics__enable_clearcut_logging","Concierge__enable_pushui","Cloud__enable_cloud_dlp_service","CloudShell__cloud_code_overflow_menu","DevPro__enable_google_one_card","Concierge__enable_devsite_llm_tools","Cloud__cache_serialized_dynamic_content","Profiles__enable_dashboard_curated_recommendations","Concierge__enable_actions_menu","CloudShell__cloud_shell_button","Search__enable_suggestions_from_borg","DevPro__enable_vertex_credit_card","Concierge__enable_remove_info_panel_tags","Search__enable_ai_eligibility_checks","SignIn__enable_l1_signup_flow","AIStudioInteractionsToggle__interactions_are_default","Profiles__enable_auto_apply_credits","Profiles__enable_public_developer_profiles","MiscFeatureFlags__enable_variable_operator","DevPro__enable_embed_profile_creation","DevPro__enable_credits_banner","Cloud__enable_legacy_calculator_redirect","Search__enable_dynamic_content_confidential_banner","Profiles__enable_page_saving","MiscFeatureFlags__enable_explicit_template_dependencies","Profiles__enable_callout_notifications","Profiles__enable_stripe_subscription_management","Profiles__enable_profile_collections","Cloud__fast_free_trial","Profiles__enable_complete_playlist_endpoint","EngEduTelemetry__enable_engedu_telemetry","DevPro__enable_free_benefits","Profiles__enable_join_program_group_endpoint","MiscFeatureFlags__remove_cross_domain_tracking_params","Cloud__enable_cloudx_experiment_ids","DevPro__enable_cloud_innovators_plus","MiscFeatureFlags__developers_footer_image","Profiles__enable_release_notes_notifications","OnSwitch__enable","Profiles__enable_awarding_url","Profiles__enable_targeted_hero","MiscFeatureFlags__gdp_dashboard_reskin_enabled","DevPro__enable_developer_subscriptions","MiscFeatureFlags__fix_lower_breadcrumbs","DevPro__enable_enterprise","TpcFeatures__proxy_prod_host","MiscFeatureFlags__enable_llms_txt","Profiles__enable_developer_profiles_callout","Profiles__enable_developer_profile_benefits_ui_redesign","DevPro__enable_google_payments_buyflow","Cloud__enable_free_trial_server_call","DevPro__enable_g1_ineligible_redirect","DevPro__enable_code_assist","Analytics__enable_devpro_interaction_logging","BookNav__enable_tenant_cache_key","MiscFeatureFlags__enable_appearance_cookies","Profiles__enable_completequiz_endpoint","DevPro__remove_eu_tax_intake_form","DevPro__enable_g1_integration","TpcFeatures__enable_unmirrored_page_left_nav","DevPro__enable_devpro_offers","Profiles__enable_playlist_community_acl","MiscFeatureFlags__enable_framebox_badge_methods","Search__enable_page_map","DevPro__enable_firebase_workspaces_card","Cloud__enable_cloud_shell_fte_user_flow","Search__enable_ai_search_summaries_for_all","MiscFeatureFlags__enable_firebase_utm","Profiles__enable_purchase_prompts","MiscFeatureFlags__developers_footer_dark_image","Profiles__enable_completecodelab_endpoint","MiscFeatureFlags__enable_project_variables","Experiments__reqs_query_experiments","Profiles__enable_recognition_badges","Profiles__require_profile_eligibility_for_signin","MiscFeatureFlags__enable_view_transitions","Profiles__enable_developer_profile_pages_as_content","Profiles__enable_user_type","MiscFeatureFlags__enable_variable_operator_index_yaml"],null,null,"AIzaSyA58TaKli1DculwmAmbpzLVGuWc8eCQgQc","https://developerscontentserving-pa.googleapis.com","AIzaSyDWBU60w0P9hEkr29kkksYs8Z7gvZ8u_wc","https://developerscontentsearch-pa.googleapis.com",2,4,null,"https://developerprofiles-pa.googleapis.com",[53,"chrome","Chrome for Developers","developer.chrome.com",null,"chrome-dot-devsite-v2-prod-3p.appspot.com",null,null,[null,null,null,null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],null,null,null,null,[1,null,1],[1,1,null,1,1],null,null,null,null,null,[1]],null,[69,null,null,null,null,null,"/images/lockup.svg","/images/touchicon-180.png",null,null,null,1,1,null,null,null,null,null,null,null,null,2,null,null,null,"/images/lockup-dark-theme.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[[],[1,1]],[[null,null,null,null,null,["GTM-5QF3RT2"],null,null,null,null,null,[["GTM-5QF3RT2",1]],1]],null,4],null,null,1,null,"https://developerscontentinsights-pa.googleapis.com","AIzaSyC11xEGtFhkmSh_iF6l_itbxnFz2GrIBOg","AIzaSyAXJ10nRF73mmdSDINgkCNX5bbd2KPcWm8","https://developers.googleapis.com",null,null,"AIzaSyCjP0KOnHfv8mwe38sfzZJMOnqE3HvrD4A",null,null,"https://developers.googleapis.com"]')
</script>
<devsite-a11y-announce></devsite-a11y-announce>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 31
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 31 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 2.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /docs |
<span class="devsite-nav-text" tooltip="">
Docs
</span>
|
|
Анализировать url |
| /case-studies |
<span class="devsite-nav-text" tooltip="">
Case studies
</span>
|
|
Анализировать url |
| /blog |
<span class="devsite-nav-text" tooltip="">
Blog
</span>
|
|
Анализировать url |
| /new |
<span class="devsite-nav-text" tooltip="">
New in Chrome
</span>
|
|
Анализировать url |
| /docs/web-platform |
<span class="devsite-nav-text" tooltip="">
Web Platform
</span>
|
|
Анализировать url |
| /docs/capabilities |
<span class="devsite-nav-text" tooltip="">
Capabilities
</span>
|
|
Анализировать url |
| /docs/automation-and-testing |
<span class="devsite-nav-text" tooltip="">
Automation and testing
</span>
|
|
Анализировать url |
| /docs/chromedriver |
<span class="devsite-nav-text" tooltip="">
ChromeDriver
</span>
|
|
Анализировать url |
| /docs/extensions |
<span class="devsite-nav-text" tooltip="">
Extensions
</span>
|
|
Анализировать url |
| /docs/webstore |
<span class="devsite-nav-text" tooltip="">
Chrome Web Store
</span>
|
|
Анализировать url |
| /docs/chromium |
<span class="devsite-nav-text" tooltip="">
Chromium
</span>
|
|
Анализировать url |
| /docs/android |
<span class="devsite-nav-text" tooltip="">
Web on Android
</span>
|
|
Анализировать url |
| /release-notes |
<span class="devsite-nav-text" tooltip="">
Release notes
</span>
|
|
Анализировать url |
| /docs/devtools |
<span class="devsite-nav-text" tooltip="">
DevTools
</span>
|
|
Анализировать url |
| /docs/lighthouse |
<span class="devsite-nav-text" tooltip="">
Lighthouse
</span>
|
|
Анализировать url |
| /docs/crux |
<span class="devsite-nav-text" tooltip="">
Chrome UX Report
</span>
|
|
Анализировать url |
| /docs/accessibility |
<span class="devsite-nav-text" tooltip="">
Accessibility
</span>
|
|
Анализировать url |
| /docs/modern-web-guidance |
<span class="devsite-nav-text" tooltip="">
Modern Web Guidance
</span>
|
|
Анализировать url |
| /docs/workbox |
<span class="devsite-nav-text" tooltip="">
Workbox
</span>
|
|
Анализировать url |
| /docs/puppeteer |
<span class="devsite-nav-text" tooltip="">
Puppeteer
</span>
|
|
Анализировать url |
| /docs/ai |
<span class="devsite-nav-text" tooltip="">
AI
</span>
|
|
Анализировать url |
| /docs/performance |
<span class="devsite-nav-text" tooltip="">
Performance
</span>
|
|
Анализировать url |
| /docs/css-ui |
<span class="devsite-nav-text" tooltip="">
CSS and UI
</span>
|
|
Анализировать url |
| /docs/identity |
<span class="devsite-nav-text" tooltip="">
Identity
</span>
|
|
Анализировать url |
| /docs/payments |
<span class="devsite-nav-text" tooltip="">
Payments
</span>
|
|
Анализировать url |
| /docs/privacy-security |
<span class="devsite-nav-text" tooltip="">
Privacy and security
</span>
|
|
Анализировать url |
| /docs |
<span class="devsite-nav-text" tooltip="">
All documentation
</span>
|
|
Анализировать url |
| /docs/iwa |
<span class="devsite-nav-text" tooltip="">
Isolated Web Apps (IWA)
</span>
|
|
Анализировать url |
| /case-studies |
Case studies
|
|
Анализировать url |
| /deprecated |
Archive
|
|
Анализировать url |
| /static/blog/feed.xml |
RSS
|
|
Анализировать url |
Внешние ссылки
Кол-во: 47
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 47 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| developer.chrome.com |
Docs
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Web Platform
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Capabilities
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Automation and testing
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
ChromeDriver
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Extensions
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Chrome Web Store
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Chromium
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Web on Android
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Origin trials
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Release notes
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
DevTools
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Lighthouse
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Chrome UX Report
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Accessibility
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Modern Web Guidance
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Workbox
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Puppeteer
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
AI
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Performance
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
CSS and UI
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Identity
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Payments
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Privacy and security
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
All documentation
</div>
|
Анализировать url |
| web.dev |
<div class="devsite-nav-item-title">
Baseline
</div>
|
Анализировать url |
| web.dev |
<div class="devsite-nav-item-title">
web.dev
</div>
|
Анализировать url |
| pagespeed.web.dev |
<div class="devsite-nav-item-title">
PageSpeed Insights audit
</div>
|
Анализировать url |
| developer.chrome.com |
<div class="devsite-nav-item-title">
Isolated Web Apps (IWA)
</div>
|
Анализировать url |
| developer.chrome.com |
Case studies
|
Анализировать url |
| developer.chrome.com |
Blog
|
Анализировать url |
| developer.chrome.com |
New in Chrome
|
Анализировать url |
| developer.chrome.com |
<span class="devsite-nav-text" tooltip="">
Origin trials
</span>
|
Анализировать url |
| web.dev |
<span class="devsite-nav-text" tooltip="">
Baseline
</span>
|
Анализировать url |
| web.dev |
<span class="devsite-nav-text" tooltip="">
web.dev
</span>
|
Анализировать url |
| pagespeed.web.dev |
<span class="devsite-nav-text" tooltip="">
PageSpeed Insights audit
</span>
|
Анализировать url |
| developer.chrome.com |
Chrome for Developers
|
Анализировать url |
| developer.chrome.com |
Blog
|
Анализировать url |
| issuetracker.google.com |
File a bug
|
Анализировать url |
| issuetracker.google.com |
See open issues
|
Анализировать url |
| blog.chromium.org |
Chromium updates
|
Анализировать url |
| web.dev |
Podcasts & shows
|
Анализировать url |
| twitter.com |
@ChromiumDev on X
|
|
| youtube.com |
YouTube
|
Анализировать url |
| linkedin.com |
Chrome for Developers on LinkedIn
|
Анализировать url |
| http://policies.google.com/terms |
Terms
|
Анализировать url |
| http://policies.google.com/privacy |
Privacy
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Выполнен подробный анализ сайта updates.html5rocks.com: готовность на 40%. Чтобы выполнить все условия и попасть на первую страницу выдачи поисковых систем требуется:
Постарайтесь исправить общие ошибки.
Исправьте ошибки в мета-тегах.
Исправьте ошибки оптимизации.
Исправьте ошибки индексации.
Поделитесь с друзьями: