Inter-Net.PRO
Google Chrome

  Анализируйте код страниц сайтов и их скорость в браузере Google Chrome.

  Данное расширение выполняет анализ просматриваемых веб-страниц по ряду тестов, а так же добавляет в контекстное меню браузера Google Chrome кнопки, открывающие анализ просматриваемой страницы сайта в валидаторах HTML, CSS и сервисе PageSpeed.

 


Расширение «Анализ веб-страниц»

  Расширение «Анализ веб-страниц» - это утилита для браузера Google Chrome. Распространяется бесплатно.

 

Для кого данный продукт

  Данное расширение будет полезно для вебмастеров, владельцев и администраторов сайтов, верстальщиков и фронтендеров.

 

Как это работает

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

  Расширение добавит в контекстное меню браузера пункт меню "Анализ веб-страниц", при наведении на который курсора мышки, в выпадающем списке появятся пункты меню ведущие на страницу анализа просматриваемой вами страницы в самых популярных сервисах:

контекстное меню браузера

 

  Вам больше не нужно гуглить или находить в закладках сервисы для проверки скорости и валидности страниц сайта, а затем вставлять адрес проверяемой веб-страницы. С нашим расширением это всё доступно из контекстного меню браузера.

  Прям из контекстного меню брузера вы можете открыть анализ просматриваемой вами веб-страницы в одном из сервисов:

  • PageSpeed - знаменитый сервис от Google, проверяющий и анализирующий скорость веб-страниц.
  • Валидатор HTML - осуществляет и анализирует валидность (правильность) HTML-кода веб-страницы в специальном онлайн-сервисе от организации W3C.
  • Валидатор CSS - анализирует валидность всех стилей CSS подключаемых к веб-странице в сервисе от W3C.
  • Валидатор микроразметки - проверка структурированных данных страницы сайта в сервисе Google Search.
  • Проверка иконок сайта.
  • Яндекс ИКС - показатель оценки сайта Яндексом.
  • Alexa Traffic Ranks

 

Экспресс анализ

  Расширение в фоновом режиме проводит ряд тестов с содержимым просматриваемой в браузере веб-страницы и оповещает о найденных ошибках индикатором на иконке расширения в панели браузера:

Панель иконок расширений браузера

Состояния индикатора иконки расширения:

Индикатор ошибок - найдены ошибки; Индикатор предупреждений - есть предупреждения; Индикатор успешной проверки - ошибок и предупреждений нет.

  Просто кликните на иконку расширения чтобы просмотреть детали анализа.

Выполняемые тесты:

  • Проверка наличия семантической разметки
  • Проверка title
  • Проверка Meta Description
  • Проверка повторяющегося Meta Description
  • Проверка длины Meta Description
  • Проверка Meta Keywords
  • Проверка заголовков
  • Проверка у изображений атрибута alt
  • Поиск изображений заданных форматов
  • Проверка фактических и номинальных размеров изображений
  • Проверка пустых ссылок
  • Поиск внешних ссылок на странице

 


Установка расширения

Перейдите на страницу расширения в Webstore Google Chrome и нажмите кнопку «Установить».

 

Настройки

  Большинство настроек расширения просты и понятны.

Анализировать только избранные сайты

  Установите положение переключателя в позицию ВКЛ чтобы расширение анализировало только страницы избранных сайтов. В поле Домены укажите домены сайтов через запятую с пробелом. При этом не нужно указывать протокол (https:// или http://):

настройка Домены

  Если домен сайта имеет приставку www, то указывайте его вместе с www. Так же в список доменов нужно отдельно добавлять поддомены, если они есть и их нужно анализировать.

  Чтобы расширение анализировало все просматриваемые сайты, то эту настройку установите в положение ВЫКЛ.


 

Проверять длину Meta Description

  Данная настройка будет проверять количество символов в Meta Description. При этом вы можете задать интервал для длины Meta Description:

настройка Meta Description

  Если Meta Description веб-страницы будет выходить за пределы указанных значений, то расширение просигнализирует об этом как ошибка и выведет Meta Description в блоке ошибок:

Ошибка Meta Description

 


Проверять повторяющийся Meta Description

  Данная настройка делает проверку на повторение текста Meta Description. Укажите здесь домен и мета-описание сайта:

Повторяющийся Meta Description

  Во многих CMS и фреймворках в настройках сайта можно задать Meta Description для всего сайта, который по умолчанию будет присваиваться для статей у которых не задан Meta Description. Данная опция позволит находить именно такие мета-описания во внутренних страницах сайта.


 

Искать форматы изображений

  Эта опция будет искать заданные форматы изображений

Настройка форматы изображений

  Будет полезно для поиска устаревших форматов изображений. Например, можно искать картинки форматов png и заменять их на webp.


 

Удалять в отчёте префиксы из путей url-адресов изображений

  Если на сайте для оптимизации используется технология Lazy Load (ленивая загрузка изображений), то в путях изображений добавляются префиксы. Их можно удалить, чтоб видеть в отчёте правильные пути. Посмотрите на скриншоты ниже, где на первом есть префиксы в путях, на втором - их уже нет:

Префиксы в путях изображений Пути без префиксов

  Укажите в поле "Префиксы" повторяющуюся в пути изображения часть префикса и расширение будет удалять из путей указанный префикс и всё что после него (номер хеша). Так для примера со скриншотов выше я указываю .pagespeed


 

  Если вам понравилось данное расширение, пожалуйста, поставьте оценку и оставьте свой отзыв на странице расширения. Это сильно мативирует для работы над расширением.

 

  Сообщения об ошибках и предложения по добавлению новых сервисов и опций можно оставлять ниже в комментариях или на странице расширения в Google маркете.

 

Войдите чтобы комментировать

Inter-Net PRO аватар Inter-Net PRO ответил в теме 09 март 2019 03:55 #1
Обновление - версия 1.1.0
Новую версию добавил в Webstore Google Chrome. Так как в расширение был добавлен новый функционал требующий дополнительных разрешений от пользователей, оно ушло на модерацию. Обновление будет доступно как только пройдёт проверку модераторами каталога Webstore Google Chrome. Это может занять до 7-ми рабочих дней.

Основная новинка в новой версии расширения - это экспресс анализ просматриваемых веб-страниц.
Анализ включает ряд тестов:
  • проверка наличия семантической разметки;
  • проверка title;
  • проверка Meta Description;
  • проверка Meta Keywords;
  • проверка пустых ссылок;
  • проверка атрибута Alt у изображений;
  • и ряд других.
Проводимый анализ не является панацеей для анализа html-кода или кода css. Для этих задач нет ничего лучше официальных инструментов от W3C, на которые ведут пункты контекстного меню добавляемые расширением. У экспресс анализа расширения немного другая задача выполняемого анализа.

Анализу изображений выводимых на веб-странице уделено особое внимание. Помимо проверки атрибута Alt, расширение выполняет проверку номинальных и фактических размеров изображений. Изображения у которых фактический размер больше номинального будут выведены в списке в блоке ошибок. Например: изображение имеет размер 800х640px, а выводится на сайте в размере 200х150px - оно попадает в ошибки. Это сигнал чтобы уменьшить фактический размер изображения или создать для него миниатюру.

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

Ещё из того что может быть полезно - реализован поиск внешних ссылок (на сторонние сайты).

Постепенно я добавлю инструкции и описание настроек для экспресс анализа.

Интересны отзывы пользователей: как вам такие новинки, чего не хватает, наблюдаются ли ошибки.
Inter-Net PRO аватар Inter-Net PRO ответил в теме 08 дек 2018 05:41 #2
Обновление расширения - версия 1.0.1

Добавлен новый пункт меню:
  • Alexa Ranks
Добавлена панель настроек.
Теперь можно делать настройку и отключать ненужные пункты.

Inter-Net PRO аватар Inter-Net PRO ответил в теме 07 дек 2018 00:44 #3
Обновление расширения - версия 0.2.1

Добавлены новые пункты в меню:
  • Валидатор микроразметки
  • Проверка иконок сайта
  • Яндекс ИКС

Авторизация

Войти через соцсети: