Agility CMS | Улучшение веб-производительности и SEO с помощью Google PageSpeed

  1. Что такое Google PageSpeed?
  2. Какие элементы вы можете оценить и оптимизировать с помощью PageSpeed ​​Insights
  3. 1. Оптимизация скорости мобильной страницы
  4. 2. Сокращение времени отклика сервера
  5. 3. Минимизация ресурсов, используемых на веб-страницах
  6. 4. Предотвращение перенаправления целевых страниц
  7. 5. Включение сжатия
  8. 6. Сокращение CSS, HTML и JavaScript элементов
  9. 7. Устранение блокировки рендеринга JavaScript
  10. 8. Использование кэширования браузера
  11. 9. Оптимизация изображений
  12. 10. Использование сетей доставки контента
  13. 11. Удаление строк запроса из статических ресурсов, если это возможно.
  14. 12. Расширение кеша

Вы когда-нибудь с нетерпением ожидаете загрузки сайта, пока у вас есть чем заняться? Это потому, что время загрузки страницы, также называемое скоростью страницы, невероятно медленно. «Время до первого байта» - это время, которое требуется браузеру (будь то на настольном компьютере / ноутбуке или мобильном устройстве), чтобы получить этот первый байт информации с сервера.

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

Это время загрузки действительно важно для обеспечения хорошего пользовательского опыта и обеспечения того, чтобы люди не покидали ваш сайт преждевременно: Google обнаружил, что 53% мобильных сайтов заброшены если время загрузки составляет 3 секунды или дольше. Для 47%, кто остался, мобильные сайты, которые загружаются за 5 секунд или меньше, получают в два раза больше дохода от мобильной рекламы, чем сайты со средним временем загрузки 19 секунд.

Итак, вам действительно нужно следить за скоростью вашей страницы и делать ее как можно быстрее. К счастью, Google PageSpeed ​​делает это простым для вас в одном наборе инструментов!

Что такое Google PageSpeed?

Google PageSpeed ​​- это набор инструментов, который может помочь вам оптимизировать производительность вашего сайта, при этом скорость страницы является основным атрибутом, который оптимизируется. Способы использования PageSpeed ​​зависят от того, как построен ваш сайт. PageSpeed ​​имеет несколько фильтров, которые могут оптимизировать скорость загрузки различных элементов сайта, таких как изображения, HTML и файлы Javascript. Например, PageSpeed ​​помогает уменьшить размер CSS-файлов, объединяя несколько файлов в один или увеличивая срок службы кэша.

PageSpeed ​​также работает с Google Analytics для отслеживания сообщений и другой активности сайта, так что вы можете измерить, как ваше новое время загрузки влияет на важные показатели, такие как показатели отказов и полезные нагрузки. PageSpeed ​​Insights является частью инструментария и помогает вам оптимизировать ваш сайт, присваивая оценку 1-100, а затем разбивая эту оценку на высокий, средний и низкий приоритеты с предложениями по улучшению.

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

Какие элементы вы можете оценить и оптимизировать с помощью PageSpeed ​​Insights

PageSpeed ​​Insights автоматически предложит и расставит приоритеты для вашего веб-сайта после назначения вам оценки. Чтобы улучшить свой счет, а также общее удобство для пользователей, вот что вы должны посмотреть и нацелить на оптимизацию после первого прогона с PageSpeed:

1. Оптимизация скорости мобильной страницы

Вы определенно хотите расставить приоритеты в исправлении своего мобильного опыта, поскольку Google по сути стал поисковой системой для мобильных устройств. Они дадут вам дополнительные очки к вашему счету, если ваш мобильный опыт будет быстрым. В качестве дополнительного бонуса, в большинстве случаев ваш счет на рабочем столе будет исправлен, если вы сначала исправите мобильный сайт!

2. Сокращение времени отклика сервера

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

3. Минимизация ресурсов, используемых на веб-страницах

Чем меньше ресурсов используют ваши веб-страницы, тем быстрее будут загружаться ваши страницы.

Чтобы получить более глубокий взгляд на то, как вы можете минимизировать HTML, вы можете использовать Расширение PageSpeed ​​Insights Chrome создать оптимизированную версию вашего HTML-кода. Затем вы можете проанализировать различия между вашим текущим HTML-кодом и версией PageSpeed ​​и перейти к правилу «Minify HTML», сохранив оптимизированный HTML-код, поэтому вам не нужно будет переписывать его вручную.

4. Предотвращение перенаправления целевых страниц

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

5. Включение сжатия

Если у вас есть файлы CSS, HTML и Javascript, которые имеют размер 150 байт или более, вы определенно хотите сжать их, чтобы сократить время загрузки. Gzip-сжатие для вашего сайта может помочь вам в этом, и есть несколько плагинов, а также твики .htaccess, чтобы помочь вам с компрессией.

6. Сокращение CSS, HTML и JavaScript элементов

Сжатие само по себе не даст вам более желаемой скорости страницы, поэтому вам также нужно минимизировать ваши элементы CSS, HTML и Javascript.

Оптимизируйте свой код, удаляя ненужные символы (а также пробелы и запятые), комментарии, неиспользуемые части и форматирование, чтобы сократить время загрузки. Компрессор YUI рекомендуется Google и может использоваться как для Javascript, так и для CSS, но вы определенно хотите отдать приоритет критическим элементам CSS и упростить импорт. Вы можете отложить JavaScript до тех пор, пока не закончите сжимать CSS, но расставьте приоритеты встроенных элементов JavaScript.

7. Устранение блокировки рендеринга JavaScript

JavaScript-блокировка рендеринга распространена на сайтах, построенных на Wordpress и других платформах CMS, которые используют темы и плагины. Хотя темы и плагины повышают удобство работы для владельцев сайтов или пользователей, не разбирающихся в веб-кодировании, они также добавляют дополнительные файлы JavaScript в интерфейс сайта и увеличивают время загрузки. Поскольку они могут блокировать рендеринг страницы, эти таблицы стилей называются JavaScript (или CSS), блокирующим рендеринг.

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

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

8. Использование кэширования браузера

Браузеры будут кэшировать изображения, файлы JavaScript и многое другое, чтобы им не приходилось перезагружать всю страницу с нуля каждый раз, когда посетитель возвращается на ваш сайт. Используя кэширование, вы можете решить, как долго вы хотите, чтобы эта информация кэшировалась. YSlow может помочь вам определить, была ли установлена ​​дата истечения срока действия вашего кэша.

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

9. Оптимизация изображений

Когда вы сжимаете другие элементы с помощью Gzip или других инструментов, изображения не должны быть включены. Скорее, изображения имеют свой собственный процесс оптимизации так что качество сжатия не ухудшается процессом сжатия. Убедитесь, что изображения правильно сжаты в Photoshop и в оптимальном формате (JPEG для фотографий и PNG для простой графики с 16 цветами или меньше).

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

10. Использование сетей доставки контента

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

11. Удаление строк запроса из статических ресурсов, если это возможно.

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

12. Расширение кеша

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

Так как рекомендуется использовать кэширование браузера в течение года, этот фильтр перезаписывает заголовки HTTP, чтобы увеличить максимальный срок кэшируемых ресурсов до одного года (или 31 536 000 секунд).

Наличие оптимальной функциональности сайта с невероятно быстрым временем загрузки должно быть неотъемлемой частью вашей стратегии SEO. Ваша оценка PageSpeed ​​является отличным показателем для оценки эффективности вашего сайта и того, как вы можете его улучшить. 80 и выше - идеальный диапазон, к которому следует стремиться. Хотя 100 баллов не является невозможным, могут быть определенные аспекты дизайна вашего сайта и элементы, которые просто сделают это невозможным (например, невозможность устранить весь JavaScript-код, блокирующий рендеринг, если вы используете темы WordPress).

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

Похожие

Что такое SEO
... иатурой от английского выражения ПОИСКОВАЯ ОПТИМИЗАЦИЯ, или на болгарском языке, поисковая оптимизация"> Слово SEO является аббревиатурой от английского выражения ПОИСКОВАЯ ОПТИМИЗАЦИЯ, или на болгарском языке, поисковая оптимизация. Но что именно оптимизировано для поисковых систем? Речь идет об оптимизации веб-сайта (это может быть любой веб-сайт). Это набор неписаных правил, которые, если они будут выполнены,
Блог: что такое SEO?
В предыдущей статье 360 PSG, «Шесть причин, по которым вашему бизнесу
SEO: оптимизация контента и качество
... использование социальных сетей и цифрового маркетинга восстанавливают видение бизнеса. Основываясь на этих четырех моментах, мы должны определить наиболее важные аспекты, которые должны быть усовершенствованы в стратегической онлайн- коммуникации с клиентами. Если мы провели адекватное исследование общественности, мы узнаем тип контента и функций, которые вы ожидаете найти на цифровых платформах, которые вы посещаете. Но что это значит? Если в эти времена
Улучшение SEO вашего сайта с помощью Google+
Рейтинги поиска имеют первостепенное значение для успеха любого веб-сайта. Есть несколько способов помочь вам взлететь до пика результатов поиска. Однако Google Plus является одним из менее известных способов сделать это. Если у вас есть веб-сайт или блог для малого бизнеса, вы хотите сделать все возможное, чтобы убедиться, что вы находитесь в верхних эшелонах страницы поиска. Google plus должен помочь вам улучшить свой рейтинг. Вот список того, что вы можете сделать, чтобы максимально
SEO Уорренвилль
Сайт вашей компании был только что завершен. Выглядит отлично, прост в использовании и отзывчив. Он с гордостью представляет ваш бренд, и ваша маркетинговая идея ясна. Итак, что еще вам может понадобиться? Вам нужна SEO или поисковая оптимизация. Ваш сайт может быть одним из самых уникальных и удобных сайтов в Интернете, но если вы не оптимизируете свой сайт, вы не получите трафик,
SEO пакеты
... и, что поисковая оптимизация становится дисциплиной полный рабочий день . Малые и средние предприятия не имеют рабочей силы или опыта, чтобы не отставать от объема работы, необходимой для координации усилий с основными поисковыми системами. Время сотрудников, непосредственно занятых на предприятиях, лучше всего использовать на текущих клиентов.
SEO 101, часть 1: что такое SEO?
Вы слышали, насколько важна поисковая оптимизация как источник трафика, который можно преобразовать в продажи. Но что такое SEO, правда? Это первая публикация из серии «SEO 101», в которой я буду исследовать каждую область SEO, объясняя, что это такое и как это сделать. SEO часто называют органическим поиском или естественным поиском. SEO включает в себя внесение изменений в ваш сайт электронной коммерции, которые сигнализируют о его релевантности и авторитете для поисковых
Курс / руководство SEO - поисковая оптимизация
Как ваш сайт может получить максимально высокую оценку в Google ? Из этого руководства по SEO и юзабилити вы узнаете, как веб-сайт попадает в первые результаты поиска в Google . SEO - это поисковая оптимизация . Как вы привлекаете посетителей на свой сайт? Как вы гарантируете, что они останутся на вашем сайте? Что такое SEM, SEO, ROI, SEF и SMO
Основы международной стратегии SEO: что это такое и почему это должно вас волновать?
Для любой компании, работающей на нескольких рынках или предоставляющей контент в более чем один регион мира, международная поисковая оптимизация (SEO) становится все более важной. Однако совсем недавно, два года назад, алгоритмы поисковых систем работали совсем не так, как сейчас. Это делает международную SEO все более сложной, так как компании пытаются ориентироваться на относительно новые факторы ранжирования поиска, такие как
SEO: оптимизация контента продукта на Amazon
В «SEO: аргумент в пользу оптимизации Amazon» В своей статье на прошлой неделе я рассмотрел растущую важность оптимизации продуктов для огромного внутреннего поискового движка Amazon. В этой статье я опишу шаги для достижения этой цели. Органическая эффективность поиска на Amazon зависит от сочетания успешных продаж и релевантности ключевых слов. Результаты внутреннего
SEO 2017: полное обучение SEO + SEO для сайтов WordPress
... исание Этот курс, тренинг по SEO 2017: полный курс по SEO для веб-сайтов WordPress - это около 40 факторов SEO (поисковой оптимизации) о том, как занять первое место в поиске Google с помощью поисковой оптимизации. Каждый фактор SEO объясняется следующими способами: > Почему это фактор SEO? > Анализ тенденций для SEO-фактора за последние годы > Живой пример того, как этот фактор SEO дает результаты

Комментарии

Вместо того, чтобы вводить «что такое SEO» или даже «что такое SEO», мы с большей вероятностью скажем «что такое SEO?
Вместо того, чтобы вводить «что такое SEO» или даже «что такое SEO», мы с большей вероятностью скажем «что такое SEO?». Это может показаться семантикой (и технически, это так!), Но привнесение в ваш контент разговорного ощущения - верный способ настроить вас на успех голосового поиска. Вот три простых способа закрепить разговорный контент: Используйте сокращения, такие как что есть, и вот. Это просто больше отражает то, как мы говорим. Например, вам
Вы когда-нибудь слышали поговорку «Если вы можете сделать это в Нью-Йорке, вы можете сделать это где угодно?
Вы когда-нибудь слышали поговорку «Если вы можете сделать это в Нью-Йорке, вы можете сделать это где угодно?». Ну, если вы можете добиться успеха здесь, у вас не должно быть проблем с подачей в другом месте. Форум социальных сетей затрагивает такие темы, как «Instagram против Facebook для бизнес-маркетинга», «Повышение моей активности в социальных сетях» и «Лучшие плагины WordPress для социальных сетей». 15.
Знаете ли вы, что если вы выбираете неправильные ключевые слова при оптимизации вашего сайта, вы можете в конечном итоге получить рейтинг для того, что на самом деле никто не ищет?
Знаете ли вы, что если вы выбираете неправильные ключевые слова при оптимизации вашего сайта, вы можете в конечном итоге получить рейтинг для того, что на самом деле никто не ищет? Какая трата времени и ресурсов! Чтобы максимально эффективно использовать оптимизацию, важно правильно выбрать ключевые слова. Я знаю, как исследовать ключевые слова и анализировать данные поиска Google, чтобы вы могли выбрать ключевые слова, которые будут наиболее эффективными для вашего бизнеса. Анализируя
Но что вы делаете, когда Google говорит вам, что не каждая обратная ссылка, которую вы пытаетесь создать, хороша, и это может даже привести к штрафу?
Но что вы делаете, когда Google говорит вам, что не каждая обратная ссылка, которую вы пытаетесь создать, хороша, и это может даже привести к штрафу? Есть многочисленные типы обратных ссылок, которые нарушают правила Google , но если вы умны, вы можете получить качественные обратные ссылки и вырастите
Если вы не знаете, какие ключевые слова имеют наибольшую конкуренцию, а какие - умеренную или слабую, как вы будете планировать свою стратегию?
Если вы не знаете, какие ключевые слова имеют наибольшую конкуренцию, а какие - умеренную или слабую, как вы будете планировать свою стратегию? Исследование ключевых слов, хотя и кажется, что они несексуальны, все еще составляет основную основу поисковой оптимизации. И не заблуждайтесь, это здесь, чтобы остаться. содержание Старый, устаревший способ исследования ключевых слов Новый способ исследования прибыльных ключевых слов
Можете ли вы представить, что Facebook или Twitter должны были загружать все, что в нем содержится каждый раз, когда вы заходили на их сайты?
Можете ли вы представить, что Facebook или Twitter должны были загружать все, что в нем содержится каждый раз, когда вы заходили на их сайты? Это заняло бы вечность - сайты, подобные этим, являются огромными в глазах Интернета. Гигантские запросы влияют на работу серверов и браузеров, поэтому в кеше хранятся вещи, которые мы видим, такие как шрифты, изображения, персонализированные настройки, видео и вещи, с которыми сталкиваются веб-разработчики, такие как я, такие как библиотеки
Вы когда-нибудь делали что-то, что хорошо работало, но потом вы знали, что это можно сделать еще лучше?
Вы когда-нибудь делали что-то, что хорошо работало, но потом вы знали, что это можно сделать еще лучше? Это была ситуация, в которой мы были с Аудитор сайта , Помимо нашего Построитель отчетов , Аудитор сайта был самым популярным инструментом в нашем Маркетинговая платформа и мы хотели сделать это лучше - намного лучше.
Если вы вводите свой корневой домен в качестве URL-адреса, вы можете задать вопрос, но почему это мой корневой домен?
Если вы вводите свой корневой домен в качестве URL-адреса, вы можете задать вопрос, но почему это мой корневой домен? Тем не менее, да, это ваш корневой домен. Но если вы посмотрите на дерево страниц вашего сайта, то, например, в моем случае корневым доменом будет корневой домен → mediendesign-quer.com, но в данном случае это также отдельная отдельная страница → frontpage.php. Таким образом, авторизация страниц является фактором ранжирования для одной страницы. Вот несколько полезных
Что вы думаете об инструментах скоростного тестирования Google, таких как PageSpeed ​​Insights и Lighthouse?
Что вы думаете об инструментах скоростного тестирования Google, таких как PageSpeed ​​Insights и Lighthouse? PageSpeed ​​Insights всегда был подозрительным, но он стал лучше в прошлом году или около того. Маяк это отличный общий инструмент для просмотра различных аспектов вашего сайта, который вы можете оптимизировать,
На самом деле, если вы платите 50-100 долларов в месяц за SEO, что вы ожидаете получить?
На самом деле, если вы платите 50-100 долларов в месяц за SEO, что вы ожидаете получить? Предложения с низкой стоимостью постоянно выдвигаются потребителям, которые думают, что SEO не должен работать для их бизнеса, а не понимают, что «дешевая» SEO была актуальной проблемой.
Этот пост предназначен для всех, кто управляет контентом для веб-сайта с помощью WordPress и, возможно, задавался вопросом: «Что это за SEO в конце моего поста в блоге?
Этот пост предназначен для всех, кто управляет контентом для веб-сайта с помощью WordPress и, возможно, задавался вопросом: «Что это за SEO в конце моего поста в блоге?» Ну, позвольте мне объяснить. Существует более 200 факторов, определяющих рейтинг веб-страниц в поисковых системах. Ваш контент играет огромную роль в том, появляется ли ваша страница для поиска или нет. Google может вернуть вашу страницу только по релевантным поисковым запросам, если она может получить

Что такое Google PageSpeed?
Что такое Google PageSpeed?
Но что именно оптимизировано для поисковых систем?
Но что это значит?
Итак, что еще вам может понадобиться?
SEO 101, часть 1: что такое SEO?
Но что такое SEO, правда?
Как вы привлекаете посетителей на свой сайт?
Как вы гарантируете, что они останутся на вашем сайте?
Каждый фактор SEO объясняется следующими способами: > Почему это фактор SEO?