Уроки
-
Введение
-
Поисковая оптимизация
- Битые ссылки
- Карта сайта
- Микроразметка
- Robots.txt
- Ссылки
- Текст
- Дубликаты
- Базовое
- Картинки
-
Скорость
-
Минификация
-
Минификация CSS
Минификация JavaScript файлов
Минификация inline CSS кода
Минификация картинок без потери качества
Минификация JavaScript файлов
Неиспользуемый CSS код
Оптимизация data:URL картинок
Формат анимированных изображений
Неиспользуемый JavaScript код
Использование WebP
Отсутствует сжатие картинки
Битрейт видео
-
Сокращение запросов
-
Переизбыток мелких картинок
Несгруппированные CSS файлы
Несгруппированные JavaScript файлы
Переизбыток шрифтов
Наличие сквозных CSS, JS файлов
Наличие монохромного шрифта
Загрузка дубликатов файлов
Использование JS фасадов
Перенаправление JavaScript кодом
Добавление ленивой загрузки
Редирект с/на www версию
- Шрифты
- Время загрузки
- Настройки сервера
- Картинки
- Первое содержимое
-
Минификация
-
Мобильность
- Поддержка экранов
- Комфорт
- Баги
-
Удобство
- Соцсети
- Browserconfig.xml
- Манифест веб-приложения
- Фавиконы
- Почта
- Базовое
- Читаемость текста
-
Безопасность
- Шифрованное соединение
- Эксплойты
- Уязвимости
Сломанная вёрстка
Существует 2 признака того, что мобильная вёрстка сломана:
- Страницу можно прокрутить вертикально. Это значит, что какие-то блоки выходят за границы ширины экрана и их содержимое не помещается.
- Верстальщик забыл задать размер шрифта для текста мобильных экранов. Из-за этого текст на мобильных устройствах настолько крупный, что в строку помещается максимум 1 слово.
- Верстальщик задал размеры картинок так, что при сужении экрана, её пропорции деформируются. Например, ширина уменьшается, а высота - нет, и картинка выглядит вытянутой.
Есть замечания или дополнения? Напишите нам на почту admin@site-alarm.com.
Проверьте ваш сайт