Для анализа скорости работы сайта лучше всего использовать инструмент Google Pagespeed. Он определит соответствие сайта рекомендациям и покажет текущие проблемы.
Для проведения анализа достаточно просто ввести URL нужной страницы сайта. После этого Вы увидите список рекомендаций.
Рассмотрим рекомендации и важность каждой из них для посетителей Вашего сайта.
Очень важно
Если Вы не используете клиентское кэширование, следует начать именно с этого. Как это делается для разных серверов и приложений, смотрите в материалах по Cache-control.
Очень важно
Правильный выбор формата картинок и их сжатие может уменьшить размер данных, получаемых клиентом в несколько раз. Обязательно используйте инструменты сжатия картинок.
Очень важно
Сжатие gzip уменьшает размер текстовых данных, получаемых клиентом. Экономия может достигать 70%. Все современные браузеры (в т.ч. мобильные) поддерживают сжатие, т.к. оно является частью протокола HTTP 1.1.
Желательно для страниц приземления
[ad]
Любой внешний вызов Javascript либо CSS приостанавливает загрузку страницы до того момента, пока не будет получен ответ (css или js файл). Это не для страниц приземления, т.к. это приведет к более медленной загрузке страницы. На страницах приземления следует использовать асинхронный Javascript и встроенные стили.
Желательно
Старайтесь избегать редиректов со страниц приземления. Это страницы, с которых посетитель начинает использование Вашего сайта. Редиректы увеличивают время, в течение которого человеку придется ожидать загрузку сайта.
Желательно
Минификация Javascript, CSS и HTML – это специальная методика удаления лишних символов из кода (пробелы, табы и переносы строк). Иногда это дает экономию до 20% от размера файлов. YUI compressor – удобное и простое решение для минификации статики.
Нужно обратить внимание
Приоритизация Above-the-fold контента важна для больших страниц. Как только браузер получил часть HTML кода, он попытается показать его посетителю. Если какие-то элементы первого экрана находятся в конце HTML кода, это заставит браузер сначала загрузить всю страницу, и только потом показать ее пользователю. Может быть критично для мобильных устройств, когда посетитель использует медленный канал связи.
Нужно обратить внимание
Скорость генерации страниц (т.е. само приложение, например PHP) обычно не оказывает существенного влияния на скорость сайта для пользователя. Если она находится в пределах 300 мс. Если же генерация занимает секунду и более, следует заняться оптимизацией серверной части.
Используйте PageSpeed, первые три рекомендации могут дать прирост в скорости работы сайта в несколько раз. Читайте детально про клиентскую оптимизацию и техники ускорения сайтов.
Сегодня мы поговорим о том, как выбрать лучшие курсы Power BI в Украине, особенно для…
В 2023 году во всех крупнейших регионах конкуренция за вакансию выросла на 5–12%. Не исключением…
Unicorn Hunter/Talent Manager Лина Калиш создала бесплатный трекер поиска работы в Notion, систематизирующий все этапы…
Edtech-стартап Mate academy принял решение отправить своих работников в десятидневный отпуск – с 25 декабря…
Служба безопасности Украины задержала в Киеве 46-летнего программиста, который за деньги устанавливал шпионские программы и…
IT-специалист Джордан Катлер создал и выложил на Github подборку разнообразных ресурсов, которые помогут достичь уровня…