Bug: Адаптивность сайта на моб устройствах

[Tatyana8TA]

Summary

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

Reproduction steps

- Переходим https://pagespeed.web.dev/
 - вводим https://codebattle.hexlet.io/
 - Выбираем "Мобильные устройства"
 - Нажимаем кнопку "Анализировать"

environment:
    Google Chrome   v1  120.2212.4190.0   64-разрядная операционная система, процессор x64  ОС Windows 10 Pro 12.2020

Expected result

Оценка основных интернет-показателей: проверка пройдена

Actual result

Оценка основных интернет-показателей: проверка не пройдена

Browsers

Chrome

OS

No response

[EvgeniyKauter]

• summary: |
  Проверка на оптимизацию для скорости работы на мобильном устройстве
• steps: |
  • Скопировать URL страницы
  • В новой вкладке браузера, открыть страницу |
    https://pagespeed.web.dev
  • На открывшейся странице, в поле Укажите URL, вставить URL главной страницы проверяемого сайта
    https://codebattle.hexlet.io/#lobby
  • Нажать Анализировать
  • Перейти на вкладку Мобильное устройство
• expected-result: |
  Общая сумма показателей > 90 единиц
• actual-result: |
  Общая сумма показателей < 90 единиц
• browser: |
  Chrome Версия 121.0.6167.86 (Официальная сборка), (64 бит)
• OS: |
  Window 10 Home

[ReDBrother]

@EvgeniyKauter По ссылке репорта нет(

UDP: А, нет, работает через раз, спасибо за альтернативную ссылку)

[SergeyTutuchkin]

summary: |
Скорость загрузки страницы сайта на мобильном устройстве меньше рекомендованной
environment: |
Goole Chrome Версия 117.0.5938.62 (Официальная сборка), (64 бит)
ОС Linux Mint
Current version: ecfc661 deployedAt UTC: 2024-01-06 20:39:54
steps-to-reproduce: |

• Скопировать адрес проверяемой страницы
• Открыть в браузере страницу https://pagespeed.web.dev/
• На открывшейся странице в поле ввода вставить адрес страницы проверяемого сайта
• Нажать Анализировать
• Перейти во вкладку Мобильные устройства
  expected-result: |
  Показатели должны быть больше 90 баллов (https://developers.google.com/speed/docs/insights/v5/about?hl=ru#score)
  actual-result: |
  Проверка не пройдена, показатели меньше 90 баллов

[EvgeniyKauter]

@ReDBrother Полагаю, всё же лучше указать эту ссылку https://pagespeed.web.dev/

[Josssei]

16.05.2024

Summary: В мобильной версии сайта присутствует горизонтальная промотка, некоторые формы и надписи выходят за поля.

environment:
Google Chrome Версия 121.0.6167.189 (Официальная сборка), (64 бит)
Windows 10 Pro
Разрешение экрана для тестирования 320*480

steps:

• Открыть главную страницу
• Открыть DevTools
• Toggle device toolbar
• Ввести разрешение 320*480
• Проверить корректно ли отображаются картинки
• Проверить корректно ли отображаются шрифты и надписи
• Проверить удобство чтения (не слишком ли мелкий текст)
• Проверить не убегает ли шапка сайта
• Проверить корректность отображения фильтров
• Проверить корректность отображения форм
• Проверить отсутствие горизонтальной промотки

expected result: В мобильной версии сайта корректно отображаются все необходимые формы и кнопки.

actual result: В мобильной версии сайта неудобная горизонтальная промотка, некоторые формы и надписи выходят за поля.