Уроки
-
Введение
-
Поисковая оптимизация
- Битые ссылки
- Карта сайта
- Микроразметка
- Robots.txt
- Ссылки
- Текст
- Дубликаты
- Базовое
- Картинки
-
Скорость
-
Минификация
-
Минификация CSS
Минификация JavaScript файлов
Минификация inline CSS кода
Минификация картинок без потери качества
Минификация JavaScript файлов
Неиспользуемый CSS код
Оптимизация data:URL картинок
Формат анимированных изображений
Неиспользуемый JavaScript код
Использование WebP
Отсутствует сжатие картинки
Битрейт видео
-
Сокращение запросов
-
Переизбыток мелких картинок
Несгруппированные CSS файлы
Несгруппированные JavaScript файлы
Переизбыток шрифтов
Наличие сквозных CSS, JS файлов
Наличие монохромного шрифта
Загрузка дубликатов файлов
Использование JS фасадов
Перенаправление JavaScript кодом
Добавление ленивой загрузки
Редирект с/на www версию
- Шрифты
- Время загрузки
- Настройки сервера
- Картинки
- Первое содержимое
-
Минификация
- Мобильность
-
Баги
-
Код
-
Сообщения о JavaScript ошибках
Валидация HTML
Валидация CSS кода
Видеоплеер
- Доступность
- Сервер
-
Код
-
Удобство
- Соцсети
- Browserconfig.xml
- Манифест веб-приложения
- Фавиконы
- Почта
- Базовое
- Читаемость текста
-
Безопасность
- Шифрованное соединение
- Эксплойты
- Уязвимости
Валидация HTML
Ошибки в HTML коде, могут привести к поломке внешнего вида и интерактивных функций. Также программистам сложнее работать с некачественным HTML кодом. Разработка и отладка новых функций будет занимать больше времени в будущем.
Мы проверяем только действительно актуальные ошибки. Академическое соответствие спецификациям HTML — малополезно, так как браузеры умеют самостоятельно исправлять различные мелкие погрешности.
Мы проверяем:
- Наличие атрибута и корректность
lang
у тега<html>
. Помогает определить язык сайта. - Корректность атрибута ID у элементов: формат, отсутствие дублей, наличие значения. Этот аттрибут играет ключевую роль при внедрении интерактивных функций с помощью JavaScript.
- Наличие содержимого у тега
<head>
. - Закрывающие теги у элементов.
- Корректность атрибута
autocomplete
. - Корректность атрибута
as
у тега<link>
. - Корректность атрибута
hreflang
. - Наличие обрамления тега
<code>
тегом<pre>
. - Использование мета тегов
http-equiv=refresh
,http-equiv=content-type
иcharset
в дополнении или вместо соответствующих HTTP заголовков. - Указание атрибутов
width
иheight
у тегов<img>
. Вместо них, нужно использовать CSS, так как в нём можно задать размер картинки для любой ширины экрана. Атрибутыwidth
иheight
задают одинаковый размер картинки для всех экранов. - Корректность мета тегов фавиконов
<link rel=icon>
,<link rel=apple-touch-icon>
,<link rel=apple-touch-icon-precomposed>
,<meta name=msapplication-config>
,<link rel=manifest>
. - Корректность мета тегов предзагрузки DNS и предсоединения
<link rel=dns-prefetch>
,<link rel=preconnect>
. - Корректность
<doctype>
. - Корректность мета тега
<meta name=viewport>
.
Есть замечания или дополнения? Напишите нам на почту admin@site-alarm.com.
Проверьте ваш сайт