Как удалить неиспользуемый код javascript wordpress
Удалите неиспользуемый JavaScript
Published on вторник, 7 июля 2020 г.
Table of contents
- Причины плохих результатов проверки неиспользуемого JavaScript
- Как удалить неиспользуемый JavaScript
- Выявите неиспользуемый JavaScript
- Инструмент сборки для поддержки удаления неиспользуемого кода
- Angular
- Drupal
- Joomla
- Magento
- React
- Vue
- WordPress
Неиспользуемый JavaScript может замедлить скорость загрузки вашей страницы:
- Если JavaScript блокирует рендеринг, браузер должен загрузить, проанализировать, скомпилировать и оценить скрипт, прежде чем он сможет продолжить всю остальную работу, необходимую для рендеринга страницы.
- Даже если JavaScript является асинхронным (т. е. не блокирует рендеринг), код во время загрузки конкурирует за пропускную способность с другими ресурсами, что значительно снижает производительность. Отправка неиспользованного кода по сети также расточительна для мобильных пользователей, у которых нет безлимитных тарифных планов.
# Причины плохих результатов проверки неиспользуемого JavaScript
Lighthouse отмечает каждый файл JavaScript с более чем 20 кибибайтами неиспользуемого кода:
See the Lighthouse performance scoring post to learn how your page’s overall performance score is calculated.
# Как удалить неиспользуемый JavaScript
# Выявите неиспользуемый JavaScript
Вкладка Coverage в Chrome DevTools предоставляет построчную разбивку неиспользуемого кода.
Класс Coverage в Puppeteer может помочь автоматизировать процесс обнаружения неиспользуемого кода и извлечения используемого кода.
# Инструмент сборки для поддержки удаления неиспользуемого кода
Ознакомьтесь со следующими тестами Tooling.Report, чтобы узнать, поддерживает ли ваш сборщик проектов функции, которые упрощают удаления кода или не дают ему накапливаться.
- Разделение кода.
- Удаление неиспользуемого кода.
- Неиспользуемый импортированный код.
# Рекомендации по стекам
# Angular
Если вы используете Angular CLI, включите карты кода в производственную сборку кода, чтобы проверить свои бандлы.
# Drupal
Подумайте об удалении неиспользуемых ресурсов JavaScript и прикрепите только необходимые библиотеки Drupal к соответствующей странице или компоненту на странице. Более подробно см. в статье «Определение библиотеки».
# Joomla
Подумайте о том, чтобы сократить количество (удалить или отключить) расширений Joomla, загружающих неиспользуемый JavaScript на вашу страницу.
# Magento
Отключите встроенный в Magento бандлинг JavaScript.
# React
Если вы не выполняете рендеринг на стороне сервера, разделите бандлы JavaScript с помощью React.lazy() . В противном случае разделите код с помощью сторонней библиотеки, такой как loadable-components.
# Vue
Если вы не выполняете рендеринг на стороне сервера и используете маршрутизатор Vue, разделите бандлы для отложенной загрузки маршрутов.
# WordPress
Подумайте о том, чтобы сократить количество (удалить или отключить) плагинов WordPress, загружающих неиспользуемый JavaScript на вашу страницу.
# Ресурсы
- Исходный код для проверки Remove unused code (Удалите неиспользуемый код).
- Удалите неиспользуемый код.
- Добавление интерактивности с помощью JavaScript.
- Разделение кода.
- Устранение мертвого кода.
- Мертвый импортированный код.
- Найдите неиспользуемый код JavaScript и CSS с помощью вкладки Coverage в Chrome DevTools.
- Класс: Coverage .
Published on вторник, 7 июля 2020 г. • Improve article
Table of contents
- Причины плохих результатов проверки неиспользуемого JavaScript
- Как удалить неиспользуемый JavaScript
- Выявите неиспользуемый JavaScript
- Инструмент сборки для поддержки удаления неиспользуемого кода
- Angular
- Drupal
- Joomla
- Magento
- React
- Vue
- WordPress
Удалите неиспользуемый JavaScript в WordPress
вы можете воспользоваться услугами веб-студии прометей и Заказать Сайт Визитку.
Технически законченное решение недоступно для большинства владельцев сайтов, но есть эффективное сокращенное решение, о котором я расскажу ниже.
Что означает «удалить неиспользуемый JavaScript»?
JavaScript (JS) — это тип кода, который используется на веб-сайтах в основном для интерактивных элементов, таких как слайдеры, анимация и т. Д. По сравнению с CSS или изображениями, он гораздо более ресурсоемкий, поэтому его обработка занимает больше времени при загрузке страницы. Особенно плохо это сказывается на мобильной производительности.
Для лучшей производительности вы должны стремиться к тому, чтобы на вашем сайте было как можно меньше JavaScript.
Загрузка JavaScript, который даже не используется на странице, является пустой тратой ресурсов и вычислительной мощности, и именно к этому стремится эта рекомендация PageSpeed.
Найдите неиспользуемый JavaScript на своем сайте
Чтобы справиться с этим, вы должны выяснить, какие плагины или функции на вашем сайте загружают неиспользуемый код. К счастью, PageSpeed сделает это за вас.
Прежде чем углубиться в это, если вы используете какой-либо плагин оптимизации, который минимизирует или иным образом изменяет имена файлов на вашем сайте, вы должны сначала деактивировать его. Вы должны увидеть исходный немодифицированный URL-адрес, чтобы увидеть источник JavaScript.
После этого запустите тест PageSpeed для страницы на вашем сайте.
Нажмите на рекомендацию для Удалить неиспользуемый JavaScript. Там вы найдете список файлов:
Наведите указатель мыши на любое имя файла, чтобы открыть полный URL-адрес и увидеть, загружено ли оно вашей темой или плагином.
Есть 2 типа неиспользуемого JavaScript:
Файлы, которые полностью не используются.
Проверить Возможная экономия (количество неиспользованного кода) по сравнению с Размер передачи (общий размер файла). Если они совпадают, это означает, что весь файл не используется, и вы можете удалить его со страницы (см. Ниже).Части файлов, которые не используются.
Если экономия меньше размера передачи, это означает, что используется часть файла, но не весь. Это распространено на сайтах WordPress. Например, ваша тема может загружать JS-файл, содержащий код как для слайдера, так и для видеоплеера. Если вы используете только ползунок на странице, код для видеоплеера не используется и его не нужно загружать.Но если вы не разработчик, кодирующий каждую часть своего сайта по индивидуальному заказу, вы действительно не сможете это исправить. Для владельцев сайтов (пока) нет автоматических решений, но приведенное ниже решение поможет вам.
Как удалить неиспользуемый JavaScript на сайтах WordPress
- Проверьте возможности своего сайта и удалите все, что вам действительно не нужно.
Удаление — лучшая оптимизация ��.
Это означает проверку списка файлов, предоставленных PageSpeed, и принятие решения о том, действительно ли вам нужна эта функция или плагин на вашем сайте. Вы должны взвесить ценность, которую он приносит вашим посетителям или вашему бизнесу, с его негативным влиянием на производительность.
- Удалите неиспользуемые файлы с помощью Asset CleanUp или Perfmatters
Хотя для разработчиков плагинов это плохая практика — загружать все свои файлы на каждую страницу вашего сайта, даже если они не используются, такое случается — Contact Form 7 является примером плагина, который делает это. В таких случаях очень полезны плагины, такие как Asset CleanUp и Perfmatters. Вы можете использовать любой из этих плагинов, чтобы предотвратить загрузку целых файлов на страницах, где они вообще не нужны.
Я лично использую профессиональную версию Asset CleanUp, потому что у нее есть дополнительная функция, с помощью которой вы можете целенаправленно удалять файлы на мобильных устройствах, но не на настольных компьютерах (или наоборот). Это полезно при создании настраиваемых мобильных страниц.
Для любой страницы вашего сайта вы можете запретить загрузку определенных файлов, и вы можете установить глобальные условия, например, запретить их загрузку во всех сообщениях или других определенных типах контента. Это даст дополнительные преимущества, такие как уменьшение общего размера страницы.
- Разработчики — создавайте модульный код, который загружается только при необходимости.
Если вы пишете тему или плагин, не помещайте весь свой код в один гигантский файл JavaScript, который загружается повсюду. Попробуйте загрузить только тот код, который нужен в любом контексте. Это единственный верный способ удовлетворить предупреждение об удалении неиспользуемого JavaScript.
Быстрое решение: отложить выполнение JavaScript
Отсрочка выполнения JavaScript — реально единственный способ существенно повлиять на эту рекомендацию и потенциально удалить ее.
Вы можете использовать для этого WP Rocket или Flying Scripts.
Я называю это сокращенным решением (хотя оно полностью справедливо в глазах Google), потому что технически это фактически не удаляет какой-либо JavaScript с вашего сайта. Он просто откладывает его выполнение до тех пор, пока посетитель не взаимодействует со страницей.
Когда PageSpeed запускает тест, он не может взаимодействовать со страницей, поэтому JavaScript никогда не загружается, PageSpeed не может его обнаружить, поэтому он даст вам отличную оценку PageSpeed.
Без этих надоедливых файлов JS для загрузки и обработки первоначальный вид страницы должен загружаться быстрее для посетителя…. до тех пор, пока видимые элементы не зависят от JavaScript!
Этот метод оптимизации и последующий показатель PageSpeed могут дать вам некоторое «розовое» представление о производительности вашего сайта. Вы должны иметь в виду, что весь JavaScript в конечном итоге все равно будет загружаться для ваших реальных посетителей, и они все равно пострадают, если он будет очень медленным, поэтому удаление по-прежнему является лучшей оптимизацией. Вы всегда должны тестировать свой сайт на мобильных устройствах и компьютерах, чтобы проверить, каково реальное взаимодействие с пользователем, независимо от оценки PageSpeed.
В целом, по-прежнему желательно иметь сайт, который вообще не полагается на такой большой объем JavaScript.
Другие оптимизации JavaScript
Хотя они напрямую не касаются Удалить неиспользуемый JavaScript предупреждение, вы всегда должны покрывать свои базы и иметь эти фундаментальные оптимизации. Их можно сделать с помощью большинства плагинов стиля кеширования / оптимизации.
- Минификация
- Сжатие с помощью Brotli или GZIP
- Отложить
Дополнительно: ракетный погрузчик от Cloudflare
Эта функция доступна в бесплатной учетной записи Cloudflare. Он не удаляет какой-либо JavaScript, но помогает ему загружаться быстрее, поэтому он все равно может улучшить вашу общую оценку PageSpeed. Однако это может быть ошибкой или ошибкой — это может вызвать ошибки JavaScript, которые трудно устранить. В таком случае просто выключите его. Но если он будет работать без проблем, это ускорит ваш сайт. Rocket Loader не нужен, если вы уже используете плагин для задержки JavaScript на вашем сайте.
вы можете воспользоваться услугами веб-студии прометей и Страница услуги сайта-визитки..
Как удалить неиспользуемый код JavaScript
Удаление неиспользуемого кода JavaScript на сайте WordPress – это важный шаг в оптимизации сайта. Чем меньше кода загружается на странице, тем быстрее она загружается и тем лучше опыт пользователей. В этой статье мы расскажем, как удалить неиспользуемый код JavaScript на сайте WordPress.
Содержание:
- Как проверить, какие скрипты используются на сайте WordPress
- Удаление неиспользуемого кода JavaScript вручную
- Удаление ненужного JavaScript-кода при помощи плагина
- Заключение
- Видео
Существует несколько инструментов для измерения скорости загрузки сайта WordPress, таких как Google PageSpeed Insights, GTmetrix и Pingdom. Они покажут вам время загрузки сайта и предложат рекомендации по его оптимизации. Некоторые из способов оптимизации включают использование кэширования, сжатие изображений, минимизацию CSS и JavaScript файлов, а также использование CDN для ускорения загрузки контента.
Как проверить, какие скрипты используются на сайте WordPress
Первым шагом является определение неиспользуемого кода. Некоторые плагины и темы могут загружать JavaScript-файлы, которые не используются на вашем сайте.
Чтобы определить неиспользуемый код, вы можете использовать инструменты разработчика в браузере. Откройте страницу вашего сайта и нажмите F12, чтобы открыть инструменты разработчика.
Затем перейдите на вкладку «Сеть» и обновите страницу. Вы увидите список всех загружаемых файлов, включая JavaScript-файлы. Если заметите файлы, которые не используются на вашем сайте, то это означает, что они могут быть удалены.
Удаление неиспользуемого кода JavaScript вручную
Вторым шагом является удаление неиспользуемого кода. Рекомендуется создать резервную копию файлов перед удалением кода. Если вы заметили неиспользуемый JavaScript-файл на вашем сайте, то вы можете удалить его вручную.
Для этого перейдите в папку вашей темы или плагина и найдите файл с названием, которое вы видели в инструментах разработчика. Нажмите правой кнопкой мыши на файл и выберите «Удалить». После этого обновите страницу и убедитесь, что ничего не сломалось.
Однако, такой способ использовать я бы не стал. Можно легко вывести сайт из строя. Да и какой смысл этим заниматься, если плагины постоянно обновляются.
Удаление ненужного JavaScript-кода при помощи плагина
Третьим шагом является использование плагинов для удаления неиспользуемого кода. Если вы не хотите удалять файлы вручную, то можете использовать для этого плагины.
Один из таких плагинов – WP Sweep. Этот плагин позволяет удалить неиспользуемые данные из базы данных WordPress, включая неиспользуемый код JavaScript.
Другой популярный плагин – Asset CleanUp: Page Speed Booster. Этот плагин позволяет отключать неиспользуемый код JavaScript и CSS на вашем сайте.
Заключение
В заключение, удаление неиспользуемого кода JavaScript на сайте WordPress – это важный шаг в оптимизации сайта. Это позволяет ускорить загрузку страниц и улучшить опыт пользователей.
Вы можете определить неиспользуемый код с помощью инструментов разработчика и удалить его вручную или использовать плагины. Надеемся, что этот материал была полезен!
Как удалить неиспользуемый JavaScript в WordPress в 2023 году: Руководство пользователя
Партнерское раскрытие: Полная прозрачность — некоторые ссылки на нашем веб-сайте являются партнерскими ссылками, и если вы используете их для совершения покупки, мы будем получать комиссию без дополнительных затрат для вас (вообще никакой!).
У вас есть много неиспользуемого JavaScript, загромождающего ваш сайт WordPress? Если это так, есть несколько способов очистить его. В этом посте мы покажем вам, как удалить неиспользуемый JavaScript в WordPress, используя различные методы. Мы также дадим вам несколько советов о том, как обеспечить бесперебойную работу вашего сайта. Давайте начнем!
Удаление неиспользуемых JavaScript с помощью различных методов
1. Найдите самые большие файлы JavaScript
Один из способов ускорить ваш сайт — найти самые большие файлы JavaScript и минимизировать их. Минификация файла означает удаление из кода ненужных символов, таких как пробелы, без изменения его функциональности. Это может уменьшить размер файла до 80%. Чтобы найти самые большие файлы JavaScript, используйте такой инструмент, как WebPagetest. Начните с запуска теста на вашей веб-странице. Затем нажмите на вкладку «Водопад», чтобы увидеть список всех загруженных файлов. Найдите файлы JavaScript с наибольшим размером файла. Затем вы можете минимизировать эти файлы с помощью такого инструмента, как UglifyJS. Минимизация файлов JavaScript может помочь улучшить производительность вашего веб-сайта и время загрузки.
2. Избегайте плагинов с большим количеством JavaScript
При создании веб-сайта важно соблюдать баланс между функциональностью и дизайном. Плагины JavaScript могут добавить много наворотов на ваш сайт, но они также могут замедлить время загрузки, затрудняя посетителям просмотр вашего контента. В некоторых случаях плагины также могут создавать угрозы безопасности. По этим причинам важно использовать JavaScript экономно и только в случае крайней необходимости. Если вы решите использовать плагин, убедитесь, что он хорошо закодирован и регулярно обновляется. Следуя этим рекомендациям, вы можете сделать свой сайт привлекательным и успешным.
3. Уменьшите количество стороннего JavaScript
Сторонний JavaScript — это код, написанный кем-то, кроме владельца сайта, и включенный в его сайт. Этот код может поступать из виджетов социальных сетей, реклама, аналитика или любое другое количество источников. Хотя этот код может быть полезен, он также может замедлить время загрузки страницы и создать угрозу безопасности. По этим причинам важно тщательно продумать, какой сторонний JavaScript включить на ваш сайт. По возможности выбирайте более компактные альтернативы, такие как статичные кнопки социальных сетей или автономная аналитика. И обязательно следите за своей кодовой базой, чтобы вы могли выявлять и устранять любые возникающие проблемы. Принимая эти меры, вы можете обеспечить быструю и безопасную загрузку вашего сайта.
4. Удалите неиспользуемый JavaScript в Elementor/Divi.
Хотя JavaScript — это универсальный язык программирования, который можно использовать для самых разных целей, важно включать только тот код, который необходим для правильной работы вашего веб-сайта. Слишком много JavaScript может замедлить работу вашего сайта и вызвать ненужную нагрузку на ресурсы вашего сервера. Кроме того, неиспользуемый код JavaScript может создавать уязвимости в системе безопасности, которыми могут воспользоваться хакеры. Если вы используете плагин WordPress, например Elementor или Divi, обязательно удалите весь неиспользуемый код JavaScript, прежде чем запускать свой сайт. Это поможет обеспечить быструю и бесперебойную работу вашего сайта и с меньшей вероятностью станет мишенью для злоумышленников.
5. Кодируйте свой верхний/нижний колонтитул в CSS
Кодирование верхнего и нижнего колонтитула с помощью CSS — отличный способ упростить дизайн сайта. Создав отдельный файл CSS для верхнего и нижнего колонтитула, вы можете легко вносить глобальные изменения в макет вашего веб-сайта без необходимости редактирования каждой отдельной страницы. Кроме того, кодирование верхнего и нижнего колонтитула с помощью CSS может помочь уменьшить размер ваших HTML-файлов, сделав ваш веб-сайт более быстрым и отзывчивым. Если вам неудобно программировать в CSS, в Интернете доступно множество учебных пособий и ресурсов. Потратив немного времени и усилий, вы вскоре сможете кодировать верхний и нижний колонтитулы как профессионал!
6. Минимизируйте JavaScript.
Сокращение JavaScript относится к процессу удаления ненужных символов из кода с целью уменьшения его размера. Это можно сделать, удалив комментарии и пробелы или используя более короткий эквивалент для определенных ключевых слов. Минификация может быть полезна во многих отношениях. Во-первых, это может сократить время, необходимое для загрузки и анализа кода. Во-вторых, это может повысить производительность за счет уменьшения размера данных, которые необходимо обработать. Наконец, минимизированный код часто труднее обрабатывать. обратный инженер, что делает его ценным инструментом для защиты интеллектуальной собственности. Хотя минификация имеет некоторые преимущества, важно отметить, что она также может затруднить чтение и отладку кода. Таким образом, важно найти баланс между уменьшением размера файла и сохранением удобочитаемости. При разумном использовании минификация может стать ценным инструментом для оптимизация JavaScript код.
7. Комбинировать или не комбинировать?
Один из самых частых вопросов, который возникает у людей, когда они начинают тренироваться, заключается в том, следует ли им совмещать кардио и силовые тренировки. У обоих подходов есть плюсы и минусы. Кардио или аэробные упражнения отлично подходят для сжигания калорий и улучшения здоровья сердца. С другой стороны, силовые тренировки могут помочь нарастить мышечную массу и улучшить плотность костей. Итак, каков наилучший подход? Ответ может зависеть от ваших целей в фитнесе. Если вы пытаетесь похудеть, вероятно, лучшим подходом будет сочетание кардио и силовых тренировок. Вы сожжете больше калорий, чем если бы вы просто делали одно или другое. Однако, если вы пытаетесь нарастить мышечную массу, вы можете сосредоточиться на силовых тренировках и делать кардио в дни, когда вы не поднимаете тяжести. И если вы просто пытаетесь быть здоровым и подтянутым, возможно, вам подойдет сочетание кардио и силовых тренировок. В конце концов, нет правильного или неправильного ответа — все сводится к тому, что лучше всего подходит для вас. Поэтому поэкспериментируйте и посмотрите, какой подход даст вам наилучшие результаты.
8. Отложите или отложите несущественный JavaScript
JavaScript — это язык программирования, который широко используется для создания интерактивных веб-приложений. Хотя JavaScript можно использовать для создания сложных приложений, он также может добавить излишнего раздувания страницы и замедлить процесс загрузки. По этой причине часто рекомендуется откладывать или откладывать загрузку второстепенного JavaScript до тех пор, пока страница не загрузится. Таким образом, вы можете обеспечить быструю и плавную загрузку страницы, не требуя от пользователя ожидания загрузки ненужного кода. Кроме того, откладывание или задержка JavaScript может улучшить общую производительность вашего веб-сайта, а также уменьшить использование полосы пропускания.
- Обзоры Webix
- Как удалить неиспользуемый JavaScript в WordPress
- Преимущества размещения вашего сайта WordPress в облаке
Заключение – Как удалить неиспользуемый JavaScript в WordPress
Если вы похожи на большинство пользователей WordPress, вы установили несколько плагинов, которые больше не используете. Эти плагины могут замедлять работу вашего сайта и занимать ценное место на диске.
В этой статье мы показали вам, как найти и удалить неиспользуемый JavaScript в WordPress. Мы также предоставили несколько советов о том, как оптимизировать ваш сайт для повышения скорости и производительности.
Выполните следующие шаги, и вы увидите заметное улучшение скорости вашего сайта. Вы пробовали какую-либо из этих техник? Дайте нам знать в комментариях ниже.
Айшвар Баббер
Привет, я Айшвар! Как SEO Goon, я одержим оптимизацией веб-сайтов и привлечением органического трафика. Обладая сильными техническими навыками SEO и глубоким пониманием алгоритмов поисковых систем, я специализируюсь на повышении производительности веб-сайтов, улучшении пользовательского опыта и повышении поискового рейтинга. Мне нравится разгадывать сложности SEO и реализовывать стратегии, которые помогают компаниям добиться долгосрочного успеха в цифровой среде. Давайте вместе повысим видимость вашего сайта и доминируем в результатах поиска! Вы можете следить за моей работой на ГизмоБейс и вы можете найти меня на LinkedIn, Instagram и Facebook.