Как вы контролируете производительность расширений браузера?

Question

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

Т.е. можете ли вы каким-то образом отслеживать, снижается ли производительность в новой версии расширения и т. Д.

Answer 1

Существуют способы контроля производительности вашего расширения браузера.

Для Хром :

Вы можете просто просмотреть встроенные Chrome Devtools, нажав F12 / Ctrl + Shift + I или щелкнув правой кнопкой мыши и выбрав Inspect.

Оттуда вы можете:

• Анализ производительности во время выполнения - вы можете проверить Javascript, Style, Layout и Paint и составные расчеты
• Анализ производительности сети - чтобы понять, почему страница загружается медленно
• Анализ проблем с памятью - для поиска проблем с памятью, влияющих на производительность страницы, включая утечки памяти, переполнение памяти и частые сборки мусора.

Для FireFox :

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

Для Край :

Чтобы эмулировать телефоны Windows, используйте встроенную эмуляцию Microsoft Edge .

Поскольку Edge не поставляется с устаревшей совместимостью, используйте Эмуляция IE 11 для имитации того, как ваша страница будет выглядеть в более старых версиях Internet Explorer.

Примечание : эмуляторы браузера отлично подходят для тестирования отзывчивости сайта, но они не эмулируют различия в API, поддержке CSS и некоторых поведение, которое вы увидите в мобильном браузере.

Для получения дополнительной информации:

• Создание одного расширения браузера для всех браузеров: Edge, Chrome, Firefox, Opera, Brave And Vivaldi
• Эмулировать и тестировать другие браузеры