Оптимизация веб-сайтов с помощью отчетов GTmetrix Web Performance

Как веб-мастер, вы должны следить за тем, чтобы ваши веб-сайты загружались как можно быстрее, не жертвуя при этом функциональностью. Хотя может быть неплохо иметь десять изображений по 500 килобайт на вашей домашней странице, это, в свою очередь, может привести к тому, что посетители покинут сайт до того, как он полностью загрузится в их браузерах.

Уменьшение времени загрузки страницы положительно сказывается как на веб-сервере, так и на посетителях, в том числе улучшается показатель отказов, просмотры страниц и увеличение числа вернувшихся посетителей.

Веб-мастерам доступны различные онлайн- и офлайн-инструменты для тестирования производительности своих сайтов. Два из самых популярных — YSlow от Yahoo и Page Speed ​​от Google. GTmetrix — это служба, которая запускает оба теста производительности одновременно.

Чтобы запустить тест, посетите веб-сайт GTmetrix и введите URL-адрес в форму на главной странице. Вы можете запустить тест как гость.

Обычно анализ веб-сайта занимает менее минуты. Затем результаты отображаются в виде сводки и подробностей.

Вы найдете как скорость страницы, так и оценку YSlow вверху, а также разбивку, разделенную на вкладки.

Сводка дает краткий обзор общей производительности, проанализированной двумя инструментами веб-отчетов, времени загрузки страницы, размера страницы и общего количества запросов.

В разбивке подробно перечислены различные рекомендации и оценки, а наименее оптимизированные элементы перечислены вверху.

Щелчок по отдельной рекомендации отображает дополнительную информацию, например, какие файлы CSS не свернуты или какие объекты не используют эффективное кеширование браузера.

Обычно лучше начать оптимизацию элементов, перечисленных вверху с высоким рейтингом приоритета. Однако это не всегда возможно. Например, невозможно добавить заголовки с истекшим сроком действия для компонентов, которые не размещены на веб-сервере, на котором работает сайт. Один интересный вариант, предлагаемый GTmetrix, — это возможность сравнивать разные веб-сайты друг с другом.

Веб-сайты и их оценки отображаются рядом друг с другом на странице сравнительного отчета. Вы можете легко сравнивать сводки и разбивку по отдельным элементам. Это удобно, если вы хотите сравнить производительность нескольких веб-сайтов, которыми вы владеете, или вашего собственного веб-сайта с быстро или медленно загружающимися веб-сайтами в вашей нише.

Может случиться так, что вы столкнетесь с рекомендацией, о которой ничего не знаете, например, указание валидатора кеша или объединение изображений с помощью спрайтов CSS. Сайт предлагает рекомендации, очень похожи на те, что Google а также Yahoo предлагают на своих страницах. Это хорошее начало для того, чтобы понять, как оптимизируются «вещи».

Обычно я запускаю отчет о производительности для сайта, исправляю одну проблему, которая находится в верхней части списка приоритетов, дважды проверяю, загружается ли веб-сайт должным образом, прежде чем повторно протестировать страницу, чтобы получить новый рейтинг производительности.

Отчет о веб-эффективности может вам только в этом помочь. Он намекает на области вашего веб-сайта, которые можно улучшить, чтобы сократить время загрузки страницы для посетителей и в то же время снизить нагрузку на веб-сервер. Веб-мастер по-прежнему должен оптимизировать сайт, например, путем установки плагинов кэширования, оптимизации изображений, объектов на странице или переключения веб-хостов.

Вы недавно проводили оптимизацию веб-сайтов? Какие инструменты вы использовали для этого?