Remove unused JavaScript — Chrome Developers
Remove unused JavaScript
Published on
Translated to: Español, Pусский
Table of contents
- How the unused JavaScript audit fails
- How to remove unused JavaScript
- Detect unused JavaScript
- Build tool for support for removing unused code
- Stack-specific guidance
- Angular
- Drupal
- Joomla
- Magento
- React
- Vue
- WordPress
- Resources
Unused JavaScript can slow down your page load speed:
- If the JavaScript is render-blocking, the browser must download, parse, compile, and evaluate the script before it can proceed with all of the other work that’s needed for rendering the page.
- Even if the JavaScript is asynchronous (not render-blocking), the code competes for bandwidth with other resources while it’s downloading, which has significant performance implications.
Sending unused code over the network is also wasteful for mobile users who don’t have unlimited data plans.
Sending unused code over the network is also wasteful for mobile users who don’t have unlimited data plans.# How the unused JavaScript audit fails
Lighthouse flags every JavaScript file with more than 20 kibibytes of unused code:
Click a value in the URL column to open the script’s source code in a new tab.See the Lighthouse performance scoring post to learn how your page’s overall performance score is calculated.
# How to remove unused JavaScript
# Detect unused JavaScript
The Coverage tab in Chrome DevTools can give you a line-by-line breakdown of unused code.
The Coverage class in Puppeteer can help you automate the process of detecting unused code and extracting used code.
# Build tool for support for removing unused code
Check out the following Tooling.Report tests to find out if your bundler supports features that make it easier to avoid or remove unused code:
- Code Splitting
- Unused Code Elimination
- Unused Imported Code
# Stack-specific guidance
# Angular
If you are using Angular CLI, include source maps in your production build to inspect your bundles.
# Drupal
Consider removing unused JavaScript assets and only attach the needed Drupal libraries to the relevant page or component in a page. See the Defining a library for details.
# Joomla
Consider reducing, or switching, the number of Joomla extensions loading unused JavaScript in your page.
# Magento
Disable Magento’s built-in JavaScript bundling.
# React
If you are not server-side rendering, split your JavaScript bundles with React.lazy(). Otherwise, code-split using a third-party library such as loadable-components.
# Vue
If you are not server-side rendering and using the Vue router, split the bundles by lazy loading routes.
# WordPress
Consider reducing, or switching, the number of WordPress plugins loading unused JavaScript in your page.
# Resources
- Source code for the Remove unused code audit
- Remove unused code
- Adding interactivity with JavaScript
- Code Splitting
- Dead Code Elimination
- Dead Imported Code
- Find Unused JavaScript And CSS Code With The Coverage Tab In Chrome DevTools
- class:
Coverage
Published on • Improve article
Найти версию jQuery моего веб-сайта
Настройка конфиденциальности Основные (3) Основные файлы cookie обеспечивают выполнение основных функций и необходимы для правильной работы веб-сайта.
Показать информацию о файлах cookie Скрыть информацию о файлах cookie
| Имя | Печенье Борлабс |
|---|---|
| Провайдер | Владелец этого сайта, Выходные данные |
| Назначение | Сохраняет настройки посетителей, выбранные в окне файлов cookie Borlabs Cookie. |
| Имя файла cookie | borlabs-cookie |
| Срок действия файла cookie | 1 год |
| Имя | Полоса |
|---|---|
| Провайдер | Полоса |
| Назначение | Dieses Cookie ist notwendig, um Kreditkartentransaktionen auf der Website durchzuführen. Der Service wird angeleboten von Stripe.com, das Online-Transaktionen ohne Speicherung von Kreditkartendaten ermöglicht. |
| Политика конфиденциальности | https://stripe.com/de/legal |
| Имя файла cookie | __stripe_mid, __stripe_sid |
| Срок действия файла cookie |
| Имя | Сессия |
|---|---|
| Провайдер | dimode. com |
| Назначение | Файл cookie сеанса необходим для запоминания содержимого вашей корзины и деталей оформления заказа до тех пор, пока ваша покупка не будет завершена. |
| Имя файла cookie | PHPSESSID |
| Срок действия файла cookie | Сессия (пока браузер не закрыт) |
Статистика
Статистические файлы cookie собирают информацию анонимно.
Эта информация помогает нам понять, как наши посетители используют наш веб-сайт.
Показать информацию о файлах cookie Скрыть информацию о файлах cookie
| Принять | Диспетчер тегов Google |
|---|---|
| Имя | Диспетчер тегов Google |
| Провайдер | Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Ирландия |
| Назначение |  |
| Политика конфиденциальности | https://policies.google.com/privacy?hl=en |
| Имя файла cookie | _ga,_gat,_gid |
| Срок действия файла cookie | 2 года |
| Принять | Гугл Аналитика |
|---|---|
| Имя | Гугл Аналитика |
| Провайдер | Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Ирландия |
| Назначение |  Генерирует статистические данные о том, как посетитель использует веб-сайт. |
| Политика конфиденциальности | https://policies.google.com/privacy?hl=en |
| Имя файла cookie | _ga,_gat,_gid |
| Срок действия файла cookie | 2 года |
Маркетинг
Маркетинговые файлы cookie используются сторонними рекламодателями или издателями для отображения персонализированной рекламы.
Они делают это, отслеживая посетителей на веб-сайтах.
Показать информацию о файлах cookie Скрыть информацию о файлах cookie
| Принять | Пиксель Facebook |
|---|---|
| Имя | Пиксель Facebook |
| Провайдер | Meta Platforms Ireland Limited, 4 Grand Canal Square, Dublin 2, Ирландия |
| Назначение | Файл cookie Facebook, используемый для аналитики веб-сайта, таргетинга рекламы и измерения рекламы. |
| Политика конфиденциальности | https://www.facebook.com/policies/cookies |
| Имя файла cookie | _fbp,act,c_user,datr,fr,m_pixel_ration,pl,presence,sb,spin,wd,xs |
| Срок действия файла cookie | сессия / 1 год |
Внешние носители
Контент с видеоплатформ и социальных сетей по умолчанию заблокирован.
Если файлы cookie внешних носителей принимаются, доступ к этому содержимому больше не требует ручного согласия.
Показать информацию о файлах cookie Скрыть информацию о файлах cookie
| Принять | Фейсбук |
|---|---|
| Имя | Фейсбук |
| Провайдер | Meta Platforms Ireland Limited, 4 Grand Canal Square, Dublin 2, Ирландия |
| Назначение | Используется для разблокировки контента Facebook. |
| Политика конфиденциальности | https://www.facebook.com/privacy/explanation |
| Хост(ы) | .facebook.com |
| Принять | видео |
|---|---|
| Имя | видео |
| Провайдер | Vimeo Inc. , 555 West 18th Street, Нью-Йорк, Нью-Йорк 10011, США |
| Назначение | Используется для разблокировки содержимого Vimeo. |
| Политика конфиденциальности | https://vimeo.com/privacy |
| Хост(ы) | player.vimeo.com |
| Имя файла cookie | пустой |
| Срок действия файла cookie | 2 года |
| Принять | YouTube |
|---|---|
| Имя | YouTube |
| Провайдер | Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Ирландия |
| Назначение | Используется для разблокировки контента YouTube. |