💭 #Ответына вопросы!
❓Вопрос 2868
Хотим ускорить сайт и убрать базовые ошибки.
Какими сервисами посоветуете пользоваться? Чем эффективнее всего заниматься при работе со скоростью загрузки?
❗️Ответ
💡Для анализа скорости загрузки рекомендуем пользоваться следующими сервисами – PageSpeed Insights, GTmetrix или Chrome UX Tool.
При анализе скорости загрузки помогут и инструменты для разработчика в браузере Google Chrome, например, с отображением сайта на разных экранах, скоростью загрузки элементов страницы, весом файлов, ответами сервера, приоритетностью загрузки и т.д. Подробно про это читайте у нас в статье «Как использовать Chrome DevTools при анализе сайта».
👉 Как можно эффективно улучшить скорость загрузки и на что обратить внимание:
▫️необходимо обратить внимание на скорость хостинга: где расположен, какие услуги предлагает, насколько хорошо масштабируется, оптимизирована ли скорость работы (обновления ПО, кэширование, CDN);
▫️настройте кэширование как и на сервере, так и в браузере у пользователя;
▫️создайте упрощенную/облегченную версию для мобильных устройств (сведите к минимуму использование всплывающих окон);
▫️оптимизируйте код: проверьте его на валидность, отложите загрузку не первостепенного кода, объединяйте между собой JS-скрипты и СSS-стили для уменьшения количества запросов на сервер, также облегчайте вес кода, первостепенно ставьте загрузку основных CSS правил, а после уже скриптов, так как они могут блокировать отрисовку контента;
▫️оптимизируйте изображения: используйте программы для сжатия/оптимизации изображений, а также облегченные форматы (например, WEBP), отложите загрузку фоновых и скрытых изображений;
▫️ускорьте мобильные страницы с помощью плагинов CMS, ускоренным форматам AMP от Google или Яндекс.Турбо.
🔗Рекомендации по оптимизации скорости от Google. А о том, как увеличить скорость загрузки сайта, мы писали в нашем блоге.
‼️Прокомментировать ответ или задать уточняющий вопрос можно у нас в блоге. Делитесь мнением и опытом вкомментариях!
🚨 via @siteclinic_doctor 🚨