Скорость загрузки страницы — это первое, что вы замечаете при посещении веб-сайта, но вы заметите ее только в том случае, если веб-сайт слишком медленный. Скорость страницы является огромной частью пользовательского опыта, поэтому неудивительно, что она официально стала фактором ранжирования для мобильного поиска и уже давно является таковым для настольных компьютеров.
Многочисленные исследования корреляции между скоростью загрузки страницы и показателями отказов привели к довольно тревожным выводам: каждая миллисекунда на счету. С помощью нашего нового исследования производительности веб-сайтов мы хотели добавить ложку меда в бочку дегтя статистики и доказать, что есть много возможностей для улучшения производительности вашего веб-сайта.
Наше исследование поможет вам структурировать рабочий процесс при оптимизации производительности сайта. В частности, мы покажем вам, какие ошибки являются наиболее заметными и какие из них требуют дополнительного внимания, чтобы вы могли расставить приоритеты в процессе их исправления.
Методология
Для этого исследования мы проанализировали 150 000 случайных веб-сайтов (как настольных, так и мобильных версий), чтобы оценить их производительность. Для сбора данных мы использовали новый отчет о производительности Alien Road Site Audit, который предоставляет удобную статистику по девяти наиболее распространенным проблемам, влияющим на производительность веб-сайта.
Неожиданные результаты
К нашему удивлению, мы впервые увидели, что у колоссальных 82% проанализированных веб-сайтов есть проблемы, существенно влияющие на их производительность. Это делает проблемы, связанные с производительностью, одними из самых распространенных на веб-сайтах.
Более того, у 44% проанализированных веб-сайтов была как минимум одна критическая проблема (согласно нашей классификации серьезности проблем Site Audit).
На позитивной ноте, мы обнаружили, что большинство веб-сайтов, испытывающих проблемы с производительностью, могут улучшить их с помощью простых методов оптимизации страниц и простой конфигурации сервера.
Теперь мы более подробно рассмотрим обнаруженные нами проблемы и предложим несколько проверенных способов их устранения.
Мы надеемся, что эти данные помогут вам расставить приоритеты в работе и оценить количество и серьезность проблем, которые могут возникнуть на вашем веб-сайте.
Очистка редиректов
Давайте начнем с простого. Цепочки и циклы редиректов — это классические проблемы, которые вызывают проблемы с производительностью веб-сайта. Если вы не хотите испытывать терпение своих пользователей цепочками и циклами редиректов, постарайтесь избегать их на своем веб-сайте.
Более того, цепочки редиректов сбивают с толку ботов; их бюджет сканирования ограничен, и с каждым редиректом ваша страница теряет немного своего исходного рейтинга. Ниже представлено отличное видео о редиректах от Мэтта Каттса, если вы хотите узнать больше.
Если страница содержит 3 или более URL-адреса или цикл, она помечается нашим Site Audit как имеющая проблему. К счастью, согласно нашему исследованию, эта проблема была только у 7% проанализированных веб-сайтов.
Однако редиректы с одной страницы на другую часто являются необходимостью при ребрендинге или переименовании веб-сайта, миграции на HTTPS, сокращении дублирующихся страниц (например, версий «www» и «non-www») и во многих других случаях.
Чем больше и старше становится ваш веб-сайт, тем труднее поддерживать его структуру в чистоте. Редиректы имеют тенденцию накапливаться и создавать цепочки; чем больше ссылок, тем дольше требуется времени, чтобы добраться до целевой страницы. Вот почему вам нужно быть особенно осторожными при внедрении «необходимых» редиректов.
Уменьшение размера страницы
Чем тяжелее страница и чем больше ресурсов она содержит, тем дольше она загружается. Важно убедиться, что размер вашей страницы, а также общий размер файлов JS и CSS (размер передачи), не превышает 2 МБ.
В нашем Site Audit все, что превышает 2 МБ, считается тяжелым и вызывает появление ошибки. Хотя 2 МБ достаточно для того, чтобы страница «жила полной жизнью», у 1% проанализированных веб-сайтов все еще была эта проблема. Если вы оказались среди этого 1%, мы рекомендуем вам посадить свою страницу на диету и держать ее размер хотя бы в пределах 2 МБ.
Изображения и видео составляют большую часть веса страницы, поэтому это должно быть вашей отправной точкой. Изменение формата, разрешения или качества вашего визуального контента может значительно уменьшить размер страницы. Начните с вопроса себе, приносят ли эти визуальные элементы какую-либо реальную ценность, и помните, что иногда меньше — значит больше.
Наше исследование выявило разочаровывающие 68% веб-сайтов с неминифицированными файлами JavaScript и CSS. Минифицируя свои файлы JavaScript и CSS (удаляя ненужные строки, пробелы и комментарии из исходного кода), вы уменьшите размер своих ресурсов и, следовательно, время их загрузки, обеспечивая лучший пользовательский опыт и улучшая свои позиции в поисковых системах.
Минификацию кода JavaScript можно выполнить с помощью двух популярных инструментов — JSMin и YUI Compressor. YUI compressor также может минифицировать CSS. Closure Compiler — еще один удобный инструмент, который анализирует ваш JavaScript, удаляет мертвый код, переписывает и минимизирует то, что осталось. Обфускация — еще один метод уменьшения размера, немного более эффективный, чем минификация, хотя и немного более рискованный с точки зрения генерации ошибок в результате самого шага обфускации.
Помимо минификации скриптов и стилей, не забудьте сжать HTML, CSS и Javascript с помощью таких схем, как gzip или deflate. Это уменьшит их размер вдвое или даже больше.
Согласно отчетам State of JavaScript и Page Weight, которые предоставляют статистику по использованию JavaScript и CSS в Интернете как для мобильных, так и для настольных устройств, средняя веб-страница содержит 25 запросов ресурсов (20 запросов JS и 5 запросов CSS соответственно).
Наш инструмент Site Audit пометит страницу как содержащую «Слишком много файлов JavaScript и CSS» только в том случае, если она содержит более 100 ресурсов, а это довольно много. Тем не менее, оказалось, что у 1% проанализированных веб-сайтов слишком много файлов JavaScript и CSS! Убедитесь, что вы не перегружаете свою страницу файлами JavaScript и CSS. В целом, чем меньше запросов вы получаете, тем лучше, поэтому, удерживая это число ниже 100, вы находитесь в безопасности. Также рассмотрите возможность объединения нескольких файлов CSS и JS в единые файлы, чтобы ускорить процесс загрузки.
Вы найдете много полезной информации о сжатии вашего веб-сайта в следующих ресурсах:
Повышение производительности сервера
Одной из причин медленной скорости загрузки страницы, очевидно, является большой размер HTML-страницы. Однако, как мы выяснили в предыдущей главе, только у 1% проанализированных веб-сайтов оказался большой размер HTML-страницы. Так откуда берутся остальные 42% проблем с медленной скоростью загрузки страницы? Очень часто это связано с проблемами сервера.
Если веб-сервер недостаточно эффективен, веб-страница, к которой вы пытаетесь получить доступ, также будет загружаться медленно. Вам необходимо пересмотреть свой хостинг-сервис и предоставленный пакет; если он неадекватен, смените провайдера или рассмотрите возможность получения выделенного сервера. Узнайте больше о факторах, которые способствуют быстрому хостинг-пакету здесь.
То же самое касается мобильных веб-сайтов. На самом деле, для мобильных сайтов фактор скорости страницы еще более критичен, так как ими часто пользуются те, кто находится в пути. Этот калькулятор от Think with Google поможет вам оценить, как улучшение скорости вашего сайта может повлиять на ваш доход.
Существуют и другие факторы, которые могут замедлить ответ вашего сервера, такие как медленная логика приложения, медленные запросы к базе данных, медленная маршрутизация, фреймворки, библиотеки, нехватка ресурсов CPU или нехватка памяти. Используйте эти рекомендации от Google Developers о том, как справиться с этими проблемами и улучшить время ответа сервера.
Как показывает наше исследование, 25% проанализированных веб-сайтов имеют некэшированные файлы Javascript и CSS. Эта проблема возникает, если кэширование браузера не указано в заголовке ответа. Проще говоря, если не включить кэширование браузера, пользователи будут загружать одни и те же файлы каждый раз, когда посещают вашу страницу.
Включение кэширования браузера для файлов JavaScript и CSS позволяет браузерам сохранять и повторно использовать ресурсы вашей страницы без необходимости загружать их снова при запросе вашей страницы. Таким образом, браузер будет загружать меньше данных, что сократит время загрузки вашей страницы.
В целом, это простое исправление может сделать четверть исследованных веб-сайтов значительно более эффективными.
Начало исправления
Существует много факторов, которые складываются в итоговую скорость страницы, и заниматься ими всеми вручную — невыносимая рутина, но вы всегда можете обратиться к специализированным инструментам.
Google PageSpeed Insights — отличный инструмент для начала; он бесплатный, функциональный и предоставляет отчеты как для мобильной, так и для настольной версии вашего сайта. Дополнительным преимуществом является то, что он фокусируется на проблемах, которые сам Google считает важными.
Google использует данные об опыте пользователей Chrome на странице, чтобы оценить, является ли она Быстрой, Медленной или Средней с точки зрения скорости загрузки. К сожалению, это означает, что вы сможете получить информацию только о тех веб-сайтах, которые получают достаточно трафика от пользователей Chrome для анализа, а небольшие веб-сайты могут получить результат Недоступно.
Для результатов Медленно и Средне вам будут предоставлены Предложения по оптимизации, которые представляют собой список лучших практик для ускорения страницы. Этот список определенно стоит изучить, хотя к нему следует относиться с долей скептицизма; погоня за идеальным баллом может привести к потере времени и созданию плохого пользовательского опыта.
Для тщательного и гибкого анализа сайта, который также выходит далеко за рамки только проблем с производительностью, мы предлагаем инструмент Alien Road Site Audit:
Отчет о производительности Alien Road Site Audit предоставит вам статистические графики, чтобы получить общее представление о технических проблемах вашего веб-сайта; его подсказки объяснят, в чем заключается каждая проблема и как вы можете ее исправить.
Список проблем разделен по серьезности на Ошибки, Предупреждения и Уведомления; это поможет вам сначала разобраться с самыми критическими ошибками.
Отчет о производительности также позволяет подключить вашу учетную запись Google Analytics для получения дополнительной информации о пользовательском опыте (Среднее время взаимодействия со страницей в Google Analytics):
Как видите, при настройке и конфигурации ускорить ваш веб-сайт довольно просто. Тестируйте определенные части вашего веб-сайта, используйте тематические отчеты и следуйте нашим рекомендациям, чтобы сэкономить свои ресурсы и получить наилучшие результаты с наименьшими усилиями. Кроме того, вы всегда можете отслеживать свой прогресс, контролируя свой Показатель производительности в верхней части отчета.
Пожалуйста, используйте раздел комментариев ниже, чтобы поделиться своими лучшими практиками по улучшению скорости вашего веб-сайта. Также не стесняйтесь делиться ссылками, которые могут помочь другим владельцам веб-сайтов в решении проблем с производительностью их веб-сайтов — давайте соберем полезную библиотеку.
Что такое E-Marketing? — Определение, типы и примеры
Цены агентства цифрового маркетинга
Цены агентства цифрового маркетинга Никогда еще не было такого спроса на услуги цифрового маркетинга ..
Связанная услуга: Веб-дизайн и разработка