1С-Битрикс Разработчикам - Почему в pagespeed insights мобильная версия отображается криво?

Заглянувший

Сообщений: 9 Регистрация: 13.04.2017

18.09.2018 19:32:32

Здравствуйте, первый раз сталкиваюсь с проблемой, уже все перелопатил, но не могу решить проблему, возможно дело именно в CMS.
На тесте скорости pagespeed insights мобильная версия отображается неправильно

Вот нормальное отображение

Все сделано на медиазапросах, тег присутсвует

Код
<met a name=viewport content="width=device-width, initial-scale=1.0 " />

Что пробовал делать:
Перенес стили для каждого разрешения в свой отдельный файл, подключаю их, проверяя media

Код

<li nk rel="stylesheet" media="only screen and (max-width:1025px)" href="<?=SITE_TEMPLATE_PATH?>/media1025.css"><li nk rel="stylesheet" media="only screen and (min-width: 735px) and  (max-width: 1025px)" href="<?=SITE_TEMPLATE_PATH?>/media735-1025.css">
<li nk rel="stylesheet" media="only screen and (min-width: 320px) and  (max-width: 735px)" href="<?=SITE_TEMPLATE_PATH?>/media320-735.css">
<li nk rel="stylesheet" media="only screen and (min-width: 375px) and  (max-width: 426px)" href="<?=SITE_TEMPLATE_PATH?>/media375-426.css">
<li nk rel="stylesheet" media="only screen and (min-width: 320px) and  (max-width: 426px)" href="<?=SITE_TEMPLATE_PATH?>/media320-426.css">
<li nk rel="stylesheet" media="only screen and (min-width: 320px) and  (max-width: 374px)" href="<?=SITE_TEMPLATE_PATH?>/media320-374.css">

В robots.txt прописал директивы, чтобы файлы стилей были доступны роботам

Код

Allow: /bitrix/templates/rework/media.cssAllow: /bitrix/templates/rework/media1025.css
Allow: /bitrix/templates/rework/media320-374.css
Allow: /bitrix/templates/rework/media320-426.css
Allow: /bitrix/templates/rework/media320-735.css
Allow: /bitrix/templates/rework/media375-426.css
Allow: /bitrix/templates/rework/media735-1025.css
Allow: /bitrix/templates/rework/template_styles.css

Сайт тестировался кучу раз на мобильных устройствах и на эмуляторе в браузере на всех разрешениях, все нормально отображается, но в тесте такая фигня

В тесте https://search.google.com/test/mobile-friendly
Вообще такая каша:
http://joxi.ru/J2bYVaESXOwJnm
Такое ощущение, что стили вообще не подгружаются
Помогите пожалуйста, решить вопрос, уже голову ломаю не первую неделю.

Пользователь 172310

Эксперт

Сообщений: 1146 Баллов: 103 Регистрация: 16.03.2013

20.09.2018 12:47:50

Стартовый набор robots.txt включает следующие директивы:

Код

User-Agent: *
Disallow: */index.php
Disallow: /bitrix/
Disallow: /*show_include_exec_time=
Disallow: /*show_page_exec_time=
Disallow: /*show_sql_stat=
Disallow: /*bitrix_include_areas=
Disallow: /*clear_cache=
Disallow: /*clear_cache_session=
Disallow: /*ADD_TO_COMPARE_LIST
Disallow: /*ORDER_BY
Disallow: /*PAGEN
Disallow: /*?print=
Disallow: /*&print=
Disallow: /*print_course=
Disallow: /*?action=
Disallow: /*&action=
Disallow: /*register=
Disallow: /*forgot_password=
Disallow: /*change_password=
Disallow: /*login=
Disallow: /*logout=
Disallow: /*auth=
Disallow: /*backurl=
Disallow: /*back_url=
Disallow: /*BACKURL=
Disallow: /*BACK_URL=
Disallow: /*back_url_admin=
Disallow: /*?utm_source=
Disallow: /*?bxajaxid=
Disallow: /*&bxajaxid=
Disallow: /*?view_result=
Disallow: /*&view_result=
Allow: /bitrix/components/
Allow: /bitrix/cache/
Allow: /bitrix/js/
Allow: /bitrix/templates/
Allow: /bitrix/panel/

Думаю, если приведёте свой файл в соответствие этому набору, проблема "уйдёт".

Резюме

Пользователь 1082419 Заглянувший Сообщений: 9 Регистрация: 13.04.2017	#3 21.09.2018 18:16:05 Добавил все директивы в robots, никак не помогло. Та же самая проблема https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fshapki-snowt...

Пользователь 136059

Гуру

Сообщений: 5443 Баллов: 649 Регистрация: 16.07.2012

22.09.2018 11:56:24

Цитата
Александр Юдин написал: Добавил все директивы в robots, никак не помогло.

Предполагаю что на рендеринг страницы отводится определенное количество времени и все что отрендерилось за это время и отображается в виджете.
Для анализа я бы посоветовал использовать другой инструмент - Lighthouse - встроенный в консоль разработчика браузера Google Chrome. Он покажет куда более интересную и подробную картину

Голосуй за идеи по развитию API Bitrix:
https://idea.1c-bitrix.ru/26707/
https://idea.1c-bitrix.ru/26709/
https://idea.1c-bitrix.ru/the-local-extension-folder-js/

Почему в pagespeed insights мобильная версия отображается криво?

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером