Задайте вопрос эксперту: Джон Хеншоу отвечает на вопросы о скорости вашего сайта

  1. Как вы руководствуетесь при работе со сторонними скриптами, которые не можете контролировать?
  2. Какой лучший способ измерить First осмысленную краску (FMP) для разработчика и для живых пользователей?
  3. Можете ли вы привести пример того, что такое некритический CSS?
  4. Какой лимит вы бы установили для дизайнеров веб-шрифтов?
  5. Cloudflare мешает кешированию?
  6. Каковы ваши рекомендации по оптимизации производительности для сайтов WordPress?
  7. Как можно минимизировать проблемы с задержкой, вызванные кодами отслеживания?
  8. Как программное обеспечение кеширования может помочь в скорости, и какие вы рекомендуете?
  9. Что вы думаете об инструментах скоростного тестирования Google, таких как PageSpeed ​​Insights и Lighthouse?
  10. Как вы работаете с командами разработчиков, которые отказываются от рекомендаций по скорости вашего сайта?
  11. Существует ли инструмент, позволяющий запустить нагрузочный тест, сравнивающий HTTP / 1.1 с HTTP / 2?
  12. Как вы рекомендуете вносить изменения без вложения ненужного бремени для разработчиков?
  13. Трудно оптимизировать что-то, что может быть реализовано для одного браузера - насколько широко будут...
  14. Можно ли изменить время кэширования для Google Analytics, только если у вас есть локальная копия файла?
  15. С кем вы взаимодействуете больше всего, когда делитесь заметками о работе по оптимизации скорости сайта...
  16. Как вы отслеживаете / измеряете скорость во времени? Используете ли вы показатели скорости сайта в GA?
  17. Как вы определяете критический путь рендеринга, чтобы иметь возможность его оптимизировать?
  18. Любые рекомендуемые ресурсы, чтобы помочь мне расширить мои технические знания SEO?
  19. Продвиньте ваше понимание с нашим бесплатным руководством по скорости и производительности сайта

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

На самом деле, Джону было задано так много вопросов, что мы должны были дать им свой собственный пост! На некоторые из приведенных ниже вопросов были даны ответы во время вебинара, но Джон написал ответы на остальные вопросы, которые у нас не было времени задать ему во время сессии. Так что читайте дальше, чтобы узнать ответы эксперта по скорости сайта на некоторые насущные вопросы, заданные ему сообществом SEO.

Как вы руководствуетесь при работе со сторонними скриптами, которые не можете контролировать?

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

Какой лучший способ измерить First осмысленную краску (FMP) для разработчика и для живых пользователей?

Инструменты разработчика Google Chrome лучший инструмент для этого. Если вы перейдете в представление «Производительность», оно покажет, как выглядит ваш веб-сайт с течением времени. ( Скриншот )

Можете ли вы привести пример того, что такое некритический CSS?

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

Какой лимит вы бы установили для дизайнеров веб-шрифтов?

Я рекомендую дизайнерам использовать их экономно. Для меня это означает 1-2 веб-шрифта, обычно используемые для заголовков, и не использовать каждый параметр стиля для каждого шрифта. Например, Google Fonts может иметь такие параметры, как жирный, тонкий, курсив и многие другие. Каждому из этих стилей присваивается дополнительный размер файла. В большинстве случаев CSS можно использовать для выделения текста жирным шрифтом и курсивом без ссылки на этот конкретный стиль шрифта.

Cloudflare мешает кешированию?

Это зависит от вашей хостинговой среды. Я использую комбинацию WPEngine , WP Rocket а также Cloudflare , Все они имеют функции кэширования, которые работают гармонично вместе. В зависимости от среды вашего хостинга и от того, что вы используете плагин для кэширования, вам может потребоваться выполнить множество изменений конфигурации и тестов, чтобы он работал оптимально. Я обычно работаю с WordPress, но имейте в виду, что вы можете увидеть проблемы с кэшированием для пользовательской CMS.

Каковы ваши рекомендации по оптимизации производительности для сайтов WordPress?

  1. Посмотрите на свою тему - большинство тем загружено избыточным кодом, даже если они говорят, что они оптимизированы для SEO.
  2. Посмотрите на ваши плагины - если вы используете избыточные плагины, это вызывает проблемы со стабильностью и вздутие кода из-за избытка библиотек JavaScript. Уточните, какие плагины вы используете и в каком количестве.

Какие инструменты оптимизации изображений вы предпочитаете?

Мне нравится контролировать изображения на своих сайтах и ​​сам оптимизировать изображения, используя EWWW Image Optimizer а также TinyPNG , Я также использую ImageOptim для Mac и Pixelmator Pro который имеет отличную функциональность «сохранить для веб».

Как можно минимизировать проблемы с задержкой, вызванные кодами отслеживания?

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

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

Как программное обеспечение кеширования может помочь в скорости, и какие вы рекомендуете?

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

Что вы думаете об инструментах скоростного тестирования Google, таких как PageSpeed ​​Insights и Lighthouse?

PageSpeed ​​Insights всегда был подозрительным, но он стал лучше в прошлом году или около того. Маяк это отличный общий инструмент для просмотра различных аспектов вашего сайта, который вы можете оптимизировать, и ресурс, который вкладывает в него Google, предполагает, что именно функции этого инструмента и определяют скорость сайта в будущем. Однако я не трачу много времени на использование любого из этих инструментов. Я провожу большую часть своего времени с помощью Chrome Developer Tools для постоянной диагностики и тестирования оптимизации скорости.

Как вы работаете с командами разработчиков, которые отказываются от рекомендаций по скорости вашего сайта?

Когда вы имеете дело со сложными разработчиками, лучший способ приблизиться к ним - это данные и факты. Я думаю, что инструмент, который поможет вам лучше сделать ваше дело, является Расширение Lighthouse Chrome , Несмотря на то, что он эмулирует быстрое соединение 3G, отчет имеет широкий охват и предоставляет достаточно информации, чтобы выделить проблемные области, которые вы можете исследовать дальше. Вы также можете напомнить своим разработчикам, что если они важны для Google, они важны для сайта.

Существует ли инструмент, позволяющий запустить нагрузочный тест, сравнивающий HTTP / 1.1 с HTTP / 2?

Cloudflare имеет HTTP / 1.1 против HTTP / 2 демо ,

Как вы рекомендуете вносить изменения без вложения ненужного бремени для разработчиков?

Inling не требует больших усилий для разработчиков, если вы добавляете его в шаблоны или используете серверные включения.

Трудно оптимизировать что-то, что может быть реализовано для одного браузера - насколько широко будут поддерживаться Приоритетные подсказки?

Приоритетные подсказки широко не поддерживаются. Мне просто нравится пробовать и тестировать все, что может дать мне конкурентное преимущество. Если у вас нет ресурсов, времени или интереса для этого, я бы пропустил это.

Можно ли изменить время кэширования для Google Analytics, только если у вас есть локальная копия файла?

Вы можете игнорировать это. Это не имеет большого значения.

Я не знаком с этой CMS, но если она использует систему шаблонов страниц, которую вы можете редактировать, то есть большая вероятность, что вы сможете реализовать многие из оптимизаций, которые я рассмотрел в своей презентации. Однако, если вы используете решение WYSIWYG, такое как Wix или SquareSpace, вам не повезло.

С кем вы взаимодействуете больше всего, когда делитесь заметками о работе по оптимизации скорости сайта и реализации?

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

Как вы отслеживаете / измеряете скорость во времени? Используете ли вы показатели скорости сайта в GA?

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

Как вы определяете критический путь рендеринга, чтобы иметь возможность его оптимизировать?

Я использую представление производительности Chrome Developer Tools. ( Скриншот )

Любые рекомендуемые ресурсы, чтобы помочь мне расширить мои технические знания SEO?

Я думаю, что у Google одни из лучших ресурсов, так как они связаны с техническим SEO и скоростью. Вот некоторые ресурсы, чтобы проверить:

Продвиньте ваше понимание с нашим бесплатным руководством по скорости и производительности сайта

Продвиньте ваше понимание с нашим бесплатным руководством по скорости и производительности сайта

Вы прочитали все это и все еще хотите узнать больше о скорости сайта и оптимизации производительности? Тогда вы наш тип цифрового маркетинга. Мы только что запустили Руководство DeepCrawl по скорости и производительности сайта , который объясняет все, что вам нужно знать, из того, что означают и измеряют различные показатели скорости, какие из них следует расставить по приоритетам для вашего бизнеса, а также как решать такие проблемные области, как JavaScript и изображения, чтобы сделать ваш сайт быстрее.

Похожие

Что такое SEO
... выражения ПОИСКОВАЯ ОПТИМИЗАЦИЯ, или на болгарском языке, поисковая оптимизация"> Слово SEO является аббревиатурой от английского выражения ПОИСКОВАЯ ОПТИМИЗАЦИЯ, или на болгарском языке, поисковая оптимизация. Но что именно оптимизировано для поисковых систем? Речь идет об оптимизации веб-сайта (это может быть любой веб-сайт). Это набор неписаных правил, которые, если они будут выполнены, сделают ваш сайт
Какой самый лучший WordPress SEO инструмент?
... сайта Проще говоря, Yoast упрощает создание оптимизированного для SEO контента для вашего сайта, не требуя от вас каких-либо технических навыков, таких как умение писать код. 👍 Если вы беспокоитесь, что вы можете испортить свой SEO на странице, этот плагин WordPress поможет вам получить более быстрые результаты, чем если бы вы пытались пройтись по своему веб-сайту, перебирая свои навыки. Даже лучшие SEO-специалисты используют Yoast SEO или подобные им плагины,
Блог: что такое SEO?
В предыдущей статье 360 PSG, «Шесть причин, по которым вашему бизнесу
SEO 101, часть 1: что такое SEO?
... для поисковых систем, таких как Google и Bing, с намерением увеличить количество клиентов, которые нажимают на результаты поиска, чтобы попасть на ваш сайт. Чем SEO не является Иногда проще определить что-то по его противоположности. SEO сильно отличается от своего поискового маркетингового аналога, платного поиска. Часто платный поиск называют поисковым маркетингом, но это прозвище не означает, что оно включает в себя как SEO, так и платные поисковые стратегии.
SEO 2017: полное обучение SEO + SEO для сайтов WordPress
... как занять первое место в поиске Google с помощью поисковой оптимизации. Каждый фактор SEO объясняется следующими способами: > Почему это фактор SEO? > Анализ тенденций для SEO-фактора за последние годы > Живой пример того, как этот фактор SEO дает результаты > Когда и как использовать эти факторы SEO? Даниал Ашрафи говорит: «Для новичков это курс в тысячу раз лучше, чем другие» Beam
Программное обеспечение Black Hat SEO
... вы не очистите СПАМ, в вашей базе данных могут быть тысячи комментариев, которые потенциально замедляют соединение MySQL. 2. Если в вашем блоге WordPress нет другой функции, использующей Jquery (например, мой веб-сайт не использует Jquery), вы загружаете файл JS размером 100 КБ плюс (файл Jquery) и небольшой файл JS Akismet. У вас есть снижение производительности из-за необходимости загружать более 100 КБ для файлов JS, а также из-за загрузки Jquery, которая блокирует рендеринг. Jquery
Проверьте 10 советов, чтобы улучшить SEO вашего сайта.
... сайта , MOB и Оптимизация поиска . То есть это оптимизация страницы, которая должна быть лучше понятна поисковым системам. Целью этих методов SEO является улучшение позиционирования страницы в поисковых системах, увеличивая рост числа посещений. Для профессионалов качественный контент - не единственная забота. Помимо создания уникального , качественного контента, текст должен быть оптимизирован
Улучшение SEO вашего сайта с помощью Google+
Рейтинги поиска имеют первостепенное значение для успеха любого веб-сайта. Есть несколько способов помочь вам взлететь до пика результатов поиска. Однако Google Plus является одним из менее известных способов сделать это. Если у вас есть веб-сайт или блог для малого бизнеса, вы хотите сделать все возможное, чтобы убедиться, что вы находитесь в верхних эшелонах страницы поиска. Google plus должен помочь вам улучшить свой рейтинг. Вот список того, что вы можете сделать, чтобы максимально
Что такое SEO | Как мне попасть в топ Google | Page Rank
... для своего сайта с помощью инструмента подсказки ключевых слов Google Adword Исследуйте ключевые фразы, которые вы хотите в верхней части Google Исследуйте сайты, которые имеют высокий рейтинг Google Максимизация всех социальных сетей, включая PR, Facebook, Twitter и блоги
Орландо SEO, Дизайн сайтов
Орландо привлекает новых бизнесменов и клиентов со всего мира и является одной из крупнейших туристических достопримечательностей в Соединенных Штатах. Без надежной стратегии цифрового
SEO пакеты
... вы поняли, что поисковая оптимизация становится дисциплиной полный рабочий день . Малые и средние предприятия не имеют рабочей силы или опыта, чтобы не отставать от объема работы, необходимой для координации усилий с основными поисковыми системами. Время сотрудников, непосредственно занятых на предприятиях, лучше всего использовать на текущих клиентов.

Комментарии

Знаете ли вы, что если вы выбираете неправильные ключевые слова при оптимизации вашего сайта, вы можете в конечном итоге получить рейтинг для того, что на самом деле никто не ищет?
Знаете ли вы, что если вы выбираете неправильные ключевые слова при оптимизации вашего сайта, вы можете в конечном итоге получить рейтинг для того, что на самом деле никто не ищет? Какая трата времени и ресурсов! Чтобы максимально эффективно использовать оптимизацию, важно правильно выбрать ключевые слова. Я знаю, как исследовать ключевые слова и анализировать данные поиска Google, чтобы вы могли выбрать ключевые слова, которые будут наиболее эффективными для вашего бизнеса. Анализируя
Вместо того, чтобы вводить «что такое SEO» или даже «что такое SEO», мы с большей вероятностью скажем «что такое SEO?
Вместо того, чтобы вводить «что такое SEO» или даже «что такое SEO», мы с большей вероятностью скажем «что такое SEO?». Это может показаться семантикой (и технически, это так!), Но привнесение в ваш контент разговорного ощущения - верный способ настроить вас на успех голосового поиска. Вот три простых способа закрепить разговорный контент: Используйте сокращения, такие как что есть, и вот. Это просто больше отражает то, как мы говорим. Например, вам
У вас есть время поговорить с покупателями и продавцами, которые, как вы знаете, в конечном итоге не будут иметь с вами дело?
У вас есть время поговорить с покупателями и продавцами, которые, как вы знаете, в конечном итоге не будут иметь с вами дело? Возможно нет. С помощью интернет-маркетинга мы можем контролировать, кто нас находит. Чтобы начать этот процесс, запишите реальные имена самых успешных клиентов, которые у вас когда-либо были. Затем ищите похожие вещи между ними. Используйте этот список: С какими самыми большими проблемами они
Но что вы делаете, когда Google говорит вам, что не каждая обратная ссылка, которую вы пытаетесь создать, хороша, и это может даже привести к штрафу?
Но что вы делаете, когда Google говорит вам, что не каждая обратная ссылка, которую вы пытаетесь создать, хороша, и это может даже привести к штрафу? Есть многочисленные типы обратных ссылок, которые нарушают правила Google , но если вы умны, вы можете получить качественные обратные ссылки и вырастите
Если вы не знаете, какие ключевые слова имеют наибольшую конкуренцию, а какие - умеренную или слабую, как вы будете планировать свою стратегию?
Если вы не знаете, какие ключевые слова имеют наибольшую конкуренцию, а какие - умеренную или слабую, как вы будете планировать свою стратегию? Исследование ключевых слов, хотя и кажется, что они несексуальны, все еще составляет основную основу поисковой оптимизации. И не заблуждайтесь, это здесь, чтобы остаться. содержание Старый, устаревший способ исследования ключевых слов Новый способ исследования прибыльных ключевых слов
Считаете ли вы, что ваш портал электронной коммерции не работает, когда речь идет о брендах HOTSHOT, таких как Amazon?
Считаете ли вы, что ваш портал электронной коммерции не работает, когда речь идет о брендах HOTSHOT, таких как Amazon? Вы решили сыграть второстепенную скрипку с вашими более популярными коллегами в индустрии электронной коммерции? Считаете ли вы, что доминирующие результаты поиска для вашего сайта - не что иное, как мечта? Позвольте нам изменить ваше мышление сегодня! За прошедшие годы мы помогли многочисленным сайтам электронной коммерции найти
Есть ли другие форумы, которые вы используете для SEO, которые не упомянуты здесь?
Есть ли другие форумы, которые вы используете для SEO, которые не упомянуты здесь? Если это так, пожалуйста, дайте нам знать, оставив комментарий ниже.
Не только вы, но и некоторые другие люди ищут то же самое, что и вы сейчас: какой лучший бесплатный инструмент для переписывания статей?
Не только вы, но и некоторые другие люди ищут то же самое, что и вы сейчас: какой лучший бесплатный инструмент для переписывания статей? Как производить уникальный контент? Как сделать онлайн бизнес успешным? Cute Rieriter Tool на 100% бесплатен, чтобы дать толчок вашему онлайн-бизнесу с минимальной тяжелой работой с вашей стороны. Веб-сайт с большим количеством уникального и удобочитаемого контента даст вам лучшую рентабельность инвестиций. Чем качественнее читаемый контент на вашем
Не думаете ли вы, что важно сохранять ссылки только на наши веб-сайты, вы можете сохранять ссылки на другие веб-сайты?
Не думаете ли вы, что важно сохранять ссылки только на наши веб-сайты, вы можете сохранять ссылки на другие веб-сайты? И это также может быть отменено, когда кто-то держит вашу ссылку на своих сайтах, это называется исходящей ссылкой. Внутренние ссылки: - Внутренние ссылки только перенаправляют на ваш единственный сайт. Внутренняя ссылка указывает только на ваш собственный сайт или домен. Например, домашняя страница вашего веб-сайта включает в себя множество внутренних
Например, что произойдет, если Google выпустит обновление алгоритма примерно в то же время, когда вы вносите изменения?
Например, что произойдет, если Google выпустит обновление алгоритма примерно в то же время, когда вы вносите изменения? Как другие ваши изменения влияют на этот тест? Что делают конкуренты, которые влияют на выдачу? Использование подхода SEO-сплит-тестирования позволяет контролировать все эти факторы и, таким образом, определять связь между изменением, которое вы хотите протестировать, и любым влиянием, которое оно оказывает. Уилл написал
Можете ли вы представить, что Facebook или Twitter должны были загружать все, что в нем содержится каждый раз, когда вы заходили на их сайты?
Можете ли вы представить, что Facebook или Twitter должны были загружать все, что в нем содержится каждый раз, когда вы заходили на их сайты? Это заняло бы вечность - сайты, подобные этим, являются огромными в глазах Интернета. Гигантские запросы влияют на работу серверов и браузеров, поэтому в кеше хранятся вещи, которые мы видим, такие как шрифты, изображения, персонализированные настройки, видео и вещи, с которыми сталкиваются веб-разработчики, такие как я, такие как библиотеки

Как вы руководствуетесь при работе со сторонними скриптами, которые не можете контролировать?
Какой лучший способ измерить First осмысленную краску (FMP) для разработчика и для живых пользователей?
Можете ли вы привести пример того, что такое некритический CSS?
Какой лимит вы бы установили для дизайнеров веб-шрифтов?
Cloudflare мешает кешированию?
Каковы ваши рекомендации по оптимизации производительности для сайтов WordPress?
Как можно минимизировать проблемы с задержкой, вызванные кодами отслеживания?
Как программное обеспечение кеширования может помочь в скорости, и какие вы рекомендуете?
Что вы думаете об инструментах скоростного тестирования Google, таких как PageSpeed ​​Insights и Lighthouse?
Как вы работаете с командами разработчиков, которые отказываются от рекомендаций по скорости вашего сайта?