Хотим ускорить сайт и убрать базовые ошибки

❓Вопрос 2868

Хотим ускорить сайт и убрать базовые ошибки.

Какими сервисами посоветуете пользоваться? Чем эффективнее всего заниматься при работе со скоростью загрузки?

❗️Ответ

💡Для анализа скорости загрузки рекомендуем пользоваться следующими сервисами – PageSpeed Insights, GTmetrix или Chrome UX Tool.

При анализе скорости загрузки помогут и инструменты для разработчика в браузере Google Chrome, например, с отображением сайта на разных экранах, скоростью загрузки элементов страницы, весом файлов, ответами сервера, приоритетностью загрузки и т.д. Подробно про это читайте у нас в статье «Как использовать Chrome DevTools при анализе сайта».

👉 Как можно эффективно улучшить скорость загрузки и на что обратить внимание:

▫️необходимо обратить внимание на скорость хостинга: где расположен, какие услуги предлагает, насколько хорошо масштабируется, оптимизирована ли скорость работы (обновления ПО, кэширование, CDN);

▫️настройте кэширование как и на сервере, так и в браузере у пользователя;

▫️создайте упрощенную/облегченную версию для мобильных устройств (сведите к минимуму использование всплывающих окон);

▫️оптимизируйте код: проверьте его на валидность, отложите загрузку не первостепенного кода, объединяйте между собой JS-скрипты и СSS-стили для уменьшения количества запросов на сервер, также облегчайте вес кода, первостепенно ставьте загрузку основных CSS правил, а после уже скриптов, так как они могут блокировать отрисовку контента;

▫️оптимизируйте изображения: используйте программы для сжатия/оптимизации изображений, а также облегченные форматы (например, WEBP), отложите загрузку фоновых и скрытых изображений;

▫️ускорьте мобильные страницы с помощью плагинов CMS, ускоренным форматам AMP от Google или Яндекс.Турбо.

🔗Рекомендации по оптимизации скорости от Google. А о том, как увеличить скорость загрузки сайта, мы писали в нашем блоге.

‼️Прокомментировать ответ или задать уточняющий вопрос можно у нас в блоге. Делитесь мнением и опытом в комментариях!

🚨 via @siteclinic_doctor 🚨

Источник новости https://t.me/siteclinic_doctor...