Как увеличить скорость загрузки сайта на мобильниках?
https://developers.google.com/speed/pagespeed/insi...
Хотел что-то с картинками сделать, так формат webp не поддерживается сервером.
Хотел скрипты вниз перемести, но ммщица, сказало, что нельзя.
что сделать то?
страница загружается 15 с
Дополнительно:
Ответы:
Как минимум оставить сверху ссылки на соц. сети, остальные места где они постоянно повторяются - убрать.
Поменять на более лучший хостинг.
Ну и у вас страница не маленькая то,я бесконечно буду листать её вниз + картинки дают знать о себе
1. Включите кеш на странице
2. Оптимизируйте и минимизируете код
Хотел что-то с картинками сделать, так формат webp не поддерживается сервером.
Браузером Safari он тоже, между прочим, не поддерживается. Реализация должна быть прогрессивная - если клиент поддерживает, то использует webp, если нет - даем jpg/png. В вашем случае вообще жесть, все картинки в PNG, но альфа-канал там не нужен - переводите все в JPG с оптимизацией, будет весить в несколько раз меньше.
Хотел скрипты вниз перемести, но ммщица, сказало, что нельзя.
Ммщица отстала от жизни лет эдак на 5-6, скрипты ДОЛЖНЫ не только в подвале стоять, но еще и с defer/async. А маркетинговый мусор (трекеры, пиксели, чаты и прочую ересь) вообще нужно обернуть в какой-нибудь таймаут или скролл. По умолчанию их быть не должно, нам важен быстрый TTI (а у вас он почти 15 секунд - это атомный пи***ц).
А вообще вам нужен:
1. Хороший хостинг. Не экономьте на этом.
2. HTTPS. Подойдет бесплатный Let's Encrypt.
3. HTTP/2 и заголовки кеширования для статики.
4. Все картинки перегнать в JPG и оптимизировать.
5. Использовать для картинок lazy loading.
6. Не знаю что это за viewer.js, но 633 KB для него - слишком жирно. Убейте его и найдите более щадящее решение.
7. У вас Метрика Яндекса ведет себя явно неадекватно. И вообще все 3rd party скрипты повесьте на скролл. Пока юзер не начал скроллить - они и не грузятся даже.
А вообще там и верстка адовая, а JS тупо вешает браузер (при том что у меня мощный ноут). Либо Watsons жестко сэкономили на разработке этого "сайта", либо таки не лыжи.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Увеличение скорости загрузки сайта на мобильных устройствах является одним из ключевых аспектов оптимизации веб-сайта. Это важно не только для удовлетворения пользователей, но и для улучшения позиций сайта в поисковых системах.
Первым шагом к увеличению скорости загрузки сайта на мобильных устройствах является оптимизация изображений. Крупные изображения могут замедлить загрузку сайта, поэтому их следует сжимать и использовать форматы с более высокой степенью сжатия, такие как WebP. Также можно использовать lazy load, чтобы изображения загружались только при прокрутке страницы.
Другим важным аспектом оптимизации мобильной загрузки является минимизация кода. Удаление ненужных пробелов, комментариев и лишних символов из CSS, HTML и JavaScript файлов может значительно ускорить загрузку. Также можно использовать сжатие gzip для уменьшения размера файлов.
Также следует обратить внимание на кэширование. Использование кэширования позволяет браузеру сохранять ресурсы на устройстве пользователя, что ускоряет загрузку сайта при последующих посещениях. Также рекомендуется использовать CDN для ускорения загрузки контента, особенно для пользователей из разных регионов.
Одним из способов увеличения скорости загрузки сайта на мобильных устройствах является асинхронная загрузка скриптов. Подключение скриптов асинхронно позволяет загружать их параллельно с другими элементами страницы, ускоряя загрузку. Также стоит обратить внимание на использование HTTP/2, который поддерживает множественные запросы к серверу, что также ускоряет загрузку.
Наконец, для увеличения скорости загрузки сайта на мобильных устройствах рекомендуется использовать мобильный дизайн и разработку. Оптимизация контента под мобильные устройства, использование адаптивного дизайна и тестирование на различных устройствах помогут улучшить скорость загрузки и общее пользовательское впечатление.
Все эти методы в совокупности могут значительно увеличить скорость загрузки сайта на мобильных устройствах и улучшить пользовательский опыт, что в свою очередь может привести к увеличению конверсии и удержанию посетителей.