Правки сайта для подготовки к Mobile First Index
1. Загрузка элементов страницы
Не удалось загрузить все элементы страницы. Это может повлиять на то, как Google видит и обрабатывает вашу страницу. Не удалось загрузить 81 ресурс со страницы.
Источник: https://search.google.com/test/mobile-friendly?view=fetch-info&id=hTBbYoM2dcSBxK5ydTWqfQ
Необходимо, по возможности, устранить данную проблему.
2. Отображение сайта на мобильных устройствах
Необходимо исправить недочеты с отображением сайта на мобильных устройствах. Они не только сказываются на удобстве для пользователей, но и снижают рейтинг сайта в результатах мобильного поиска.
На данный момент на сайте обнаружено ряд страниц с проблемами
Необходимо исправить указанные ниже проблемы:
Контент шире экрана.
В этом отчете указаны страницы, на которых для просмотра текста и изображений приходится пользоваться горизонтальной прокруткой. Эта проблема возникает, когда размеры в стилях CSS заданы абсолютными значениями или используются изображения, предназначенные для конкретной ширины окна браузера.
Ниже примеры страниц с данной ошибкой:
https://teploradost.com.ua/elektricheskij-polotencesushitel-lyuks-hpi-mario-1090x530
https://teploradost.com.ua/bufernaya-emkost-vaillant-allstor-plus-vps-30035
https://teploradost.com.ua/kran-sharovyj-ideal-vv-ruchka-itap-1
https://teploradost.com.ua/chugunnyj-radiator-viadrus-styl-500130
https://teploradost.com.ua/nasos-skvazhinnyj-speroni-spm-5010
Всего страниц с подобной проблемой было обнаружено: 21
Интерактивные элементы расположены слишком близко
Ниже перечисляются страницы, на которых элементы навигации расположены настолько близко друг к другу, что пользователю сложно прикасаться к одним, не задевая другие.
Ниже примеры страниц с ошибкой:
https://teploradost.com.ua/elektricheskij-polotencesushitel-lyuks-hpi-mario-1090x530
https://teploradost.com.ua/teplovoj-nasos-hitachi-yutaki-m-rasm5ne
https://teploradost.com.ua/teplovoj-nasos-hitachi-yutaki-m-rasm-3hvne
https://teploradost.com.ua/centrobezhnyj-nasos-wilo-initial-jet-94
https://teploradost.com.ua/bufernaya-emkost-vaillant-allstor-plus-vps-30035
Всего страниц с подобной проблемой было обнаружено: 21
3. Правки на основании отчета Lighthouse
Важно: Полный перечень ресурсов, которые необходимо оптимизировать по всем пунктам будет отображен в отчете инструмента Lighthouse, который будет прикреплен к задаче в виде Html-файла.
Google PageSpeed не смог проанализировать скорость загрузки страниц на сайте -
что может говорить о проблемах с получением контента поисковым роботом на сайте. По рекомендации данного инструмента был проведен анализ в новом инструменте Google Lighthouse
Скорость загрузки сайта является одним из важнейших факторов ранжирования, также, официально, по информации Google, сайты с низкой скоростью загрузки мобильной версии будут понижаться в поиске.
На сайте обнаружены следующие проблемы, связанные с загрузкой страниц на основании отчета Lighthouse:
3.1. Отображение первых результатов со страницы
Обнаружена проблема с получением первых результатов со страницы. Время загрузки основных элементов составило 7.1 секунды:
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint
3.2. Загрузка интерактивных частей страниц
Также, обнаружена проблема с загрузкой интерактивных частей на сайте, время, нужное на то, чтобы страница стала возможной для использования. Время, загрузки интерактивных элементов 13 и 18 секунд соответственно:
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/web/tools/lighthouse/audits/consistently-interactive
https://developers.google.com/web/tools/lighthouse/audits/consistently-interactive
3.3 Изображения и скрипты
Обнаружены проблемы с оптимизацией картинок и скриптов:
Offscreen Images
Внедрить отложенную загрузку для изображений вне экрана, скрытых изображений.
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/web/tools/lighthouse/audits/offscreen-images
Reduce render-blocking stylesheets/scripts
Исправить стили и скрипты, которые влияют на скорость загрузки страницы.
Информация по возможным исправлениями по ссылкам ниже:
https://developers.google.com/web/tools/lighthouse/audits/blocking-resources
Properly Size Images
Внедрить адаптивные изображения для повышения скорости загрузки.
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/web/tools/lighthouse/audits/oversized-images
Unused CSS rules
Удалите неиспользуемые правила из таблиц стилей, чтобы уменьшить потребляемую память связанную с сетевой активностью.
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
Keep server response times low (TTFB)
Время до принятия первого байта определяет время ответа сервера.
В данному случае корневому документу потребовалось 900мс что бы получить первый байт
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/web/tools/chrome-devtools/network-performance/issues
Preload key requests
Рекомендуется использовать <link rel = preload> чтобы обозначить приоритетность получения ранее обнаруженных ресурсов сайта.
Информация по возможным исправлениями по ссылке ниже:
https://developers.google.com/web/updates/2016/03/link-rel-preload
Время загрузки Javascript слишком велико
Необходимо уменьшить время, затрачиваемое на синтаксический анализ, компиляцию и выполнение JS.
Avoid invisible text while webfonts are loading
Используйте CSS для отображения шрифтов, чтобы текст был видимым пользователям во время загрузки веб-сайтов.
Рекомендации по исправлению в ссылке ниже:
https://developers.google.com/web/updates/2016/02/font-display
Актуальні фриланс-проєкти в категорії PHP
"Magento 2.4.6 додавання товару через атрибути»"Проблема: На сайті присутній великий вибір продуктів, які можуть продаватися разом з іншими продуктами. Потрібно додавати продукти через атрибут у конфігураційному продукті. Наприклад: Комп'ютерна миша доступна в різних кольорах, і до неї можна придбати килимок для миші (при… PHP, Веб-програмування ∙ 2 ставки |
Розробити скрипт під WordPress CMS + Google maps API + MySQLМи потребуємо код для веб-сайту на WordPress. Поточний (демо) веб-сайт https://e-ztrans.com/ базується на деякій саморобній CMS. Ми намагаємося перевизначити й зробити його надійнішим. Я надам доступ до панелі адміністратора поточного веб-сайту, а також вихідного коду поточної… PHP, Веб-програмування ∙ 2 ставки |
Додати розділ на сайт
3000 UAH
1. Додати розділ https://www.vitajuwel.us/sana на сайт https://vitajuwel.com.ua/ 2. Виправити центральний слайдер. Сайт на Laravel. Значення по пейджспіду не повинно зменшитися. PHP ∙ 3 ставки |
Калькулятор підрахунку вартості по м2 для сайту ролетівВсім привіт, мені треба зробити калькулятор підрахунку вартості товару по ширині та висоті Приклад розрахунку:Горизонтальні жалюзі 0.75 м2Тканині ролети 0.60 м2Москітні сітки 0.75 м2Римські штори 1 м2Японські штори 0.60 м2Захисні ролети 1.3 м2Вертикальні жалюзіЦіна від 1.6 м… Javascript, PHP ∙ 11 ставок |
Стилізувати Select option WordpressЗавдання стилізувати стандартний Select option на відповідні стилі. Проблема: при використанні заміни дропдауну на list через jquery: не працюють фільтри сортування товарів. Javascript, PHP ∙ 9 ставок |