5 лучших флагов Google Chrome для разработчиков

Оптимизируйте свой браузер Chrome с помощью этих конфигураций

Флаги Chrome - это набор экспериментальных функций, предоставляемых браузером Chrome. Хотя они являются экспериментальными, их включение повысит ваш опыт веб-разработки.

Итак, в этой статье я представлю 5 основных флагов Google Chrome, которые должен использовать каждый разработчик.

1. Экспериментальный протокол QUIC

QUIC расшифровывается как Quick UDP Internet Connection, который известен как конкурент TCP.

После попытки уменьшить сетевые задержки путем создания протокола SPDY, Google разработал этот новый протокол под названием «QUIC». В Google Chrome вы можете включить протокол QUIC с помощью экспериментального флага. Этот флаг доступен во всех ведущих операционных системах.

Google Chrome по-прежнему сохраняет эту функцию в качестве экспериментальной, но позволяет пользователям испытать ее. Пользователи могут получить доступ к этой конфигурации, введя chrome://flags/#enable-quic в адресной строке.

QUIC реализован, чтобы сделать веб-сеть быстрее и эффективнее.

Вам может быть интересно, как работает этот протокол. Представьте себе веб-страницу с кодом HTML, сценариями, изображениями и т. Д. Включив этот протокол, вы можете заметить следующие различия.

• Изображения и видео загружаются быстрее, когда включен QUIC.
• Разрешение QUIC снизит вероятность получения408 Request Timeout ошибки.

Вы можете узнать больше о том, как работает протокол QUIC (HTTP / 3), посмотрев следующую «Конференцию Codegram».

2. Командир

Commander - один из самых популярных флагов Chrome на сегодняшний день. Эта конфигурация работает во всех операционных системах Windows, Linux и Chrome.

Вы можете легко искать историю, настройки и функции браузера Chrome, такие как «Поиск в центре внимания» в macOS, включив эту функцию.

Чтобы попробовать, введите следующий фрагмент в свой URL-адрес, чтобы получить доступ к флагу командира.

chrome://flags/#commander

После активации этой конфигурации вы можете нажать Ctrl+ Space, чтобы получить запрос на поиск.

Как видите, когда я набираю букву «n» в качестве поискового запроса, он показывает мне все возможные команды, начинающиеся с буквы «n».

Попробуйте и дайте мне знать, что вы думаете об этом флаге.

3. Растеризация графического процессора

Хорошо известно, что Google Chrome потребляет много памяти, особенно когда открыто несколько вкладок.

Однако знаете ли вы, что Google Chrome - это браузер, который для своей функциональности позволяет сочетать себя с оперативной памятью, процессором и графическим процессором компьютера?

Включение растеризации графического процессора может помочь повысить производительность при загрузке веб-страниц. Эта экспериментальная функция доступна для операционных систем Mac, Windows, Linux, Chrome OS и Android.

Введите следующий URL-адрес в адресную строку Chrome и проверьте, как растеризация графического процессора влияет на ваш опыт просмотра веб-страниц.

chrome://flags/#enable-gpu-rasterization

Посмотрите на пример ниже. Карточки содержимого слева задерживаются при загрузке, потому что они недостаточно быстро растрируются. С правой стороны активирована растеризация графического процессора, и она плавно прокручивается.

Другое дело, что мы знаем, что графический процессор требует меньше энергии, чем центральный процессор для выполнения задачи. Следовательно, использование графического процессора для растеризации вместо центрального процессора также может помочь снизить энергопотребление.

4. Боковая панель

В Google Chrome функция закладок включена по умолчанию. Однако доступна и другая аналогичная функция - «Список для чтения». Вы можете включить это, набрав в адресной строке chrome: // flags / # read-later.

«Боковая панель» является расширением вышеупомянутой функции, в которой элементы «Закладки» и «Список для чтения» отображаются вместе на панели.

Введите chrome://flags/#side-panel в адресной строке, чтобы активировать это.

Вы можете быстро открыть «Боковую панель», щелкнув значок в правом верхнем углу браузера. Пользователи Mac, Windows, Linux, Chrome OS могут опробовать эту функцию уже сегодня.

5. Стилизация WebNotes

Я бы сказал, что это самая любимая функция, с которой я столкнулся в Google Flags. Однако эта функция доступна только в браузере Google Chrome на Android.

Вы можете ввести chrome://flags/#webnotes-stylize, чтобы активировать эту настройку. После настройки пользователь может перейти на веб-сайт или в веб-статью, выделить понравившуюся фразу и нажать кнопку «Поделиться». Появится несколько вариантов акций, как показано ниже.

Параметр Создать карточку отображается, только если установлен флажок Стили WebNotes. Как только вы ее нажмете, выделенное выше предложение отобразится в виде красивых карточек, как показано ниже. Кроме того, пользователь может поделиться этими карточками или сохранить их.

Создавайте из независимых компонентов, для скорости и масштабирования

Вместо того, чтобы создавать монолитные приложения, сначала создайте независимые компоненты и объедините их в функции и приложения. Это ускоряет разработку и помогает командам создавать более согласованные и масштабируемые приложения.

Инструменты OSS, такие как Bit, предлагают отличные возможности разработчика для создания независимых компонентов и составления приложений. Многие команды начинают с создания своих дизайн-систем или микро-интерфейсов с помощью независимых компонентов.
Попробуйте →

Заключение

Флаги Chrome - это экспериментальные функции, и по умолчанию они отключены. Когда вы включаете эти флаги вручную, имейте в виду, что они могут сломать ваш браузер вместо оптимизации. Поэтому всегда рекомендуется включать по одному флагу за раз. Затем, в случае возникновения проблемы, вы можете легко отключить флаг.

Я надеюсь, что эти 5 лучших флагов Chrome поднимут ваш браузер на новый уровень, сделав его более быстрым и оптимизированным. Какой твой любимый? Оставьте комментарий ниже.

Спасибо за чтение..!

Учить больше