Как JavaScript влияет на скорость загрузки страниц на мобильных устройствах

  1. Тестирование на блокировку JavaScript
  2. ! Следует исправить:
  3. 4-кратный рост использования JavaScript за пять лет
  4. Какое влияние на мобильный скорость страницы ?
  5. Уменьшение зависимости от JavaScript
  6. Выберите асинхронный и отложенный JavaScript вместо блокирующих и встроенных скриптов
  7. Оправданы ли когда-нибудь блокирующие сценарии?
  8. Уменьшение размера файлов JavaScript
  9. Хотите быть в курсе последних тенденций поиска?
  10. Хотите быть в курсе последних тенденций поиска?

Влияние JavaScript на производительность мобильных веб-приложений является двояким.

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

JavaScript (aka scripts или JS) является одним из триумвирата технологий, которые заставляют работать веб-страницы (и веб-приложения). HTML (Hypertext Markup Language) контролирует структуру и содержание веб-страницы; CSS (Cascade Styling Sheets) контролирует, как сайт выглядит на разных устройствах; и JavaScript делает страницу более интерактивной и динамичной.

Сценарии выполняют множество функций на веб-страницах, таких как загрузка рекламы, A / B-тестирование, управление тегами (персонализация страницы) или отображение встроенного видеоплеера.

За последние пять лет общий вес страниц, отправленных на мобильные устройства, составил в четыре раза до 2,2 МБ , Размер имеет значение, потому что, как правило, чем больше данных отправляется по мобильной или фиксированной сети, тем больше времени занимает загрузка страницы. Больше данных, больше секунд, глядя на пустой мобильный экран.

Это говорит о том, что изображения - которые, как правило, занимают больше общего килобайта (КБ) или мегабайта (МБ) каждой страницы - являются основной причиной. Но это не всегда так.

JavaScript может оказать большее влияние на производительность страницы, чем изображения. Как Патрик Минан, основатель сайта тестирования производительности сети WebPagetest и инженер-программист в Google, объясняет:

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

Проблема не в самом JavaScript, а в том, как он реализован: сценарии могут монополизировать работу браузера, блокируя загрузку и отображение (отображение) другого контента.

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

Ниже мы обсудим разницу между блокирующими, встроенными, синхронными (синхронизация), асинхронными (асинхронными) и отложенными сценариями и способы исправления проблем JavaScript, но сначала мы рассмотрим, как выявлять проблемы.

Тестирование на блокировку JavaScript

Если вы проверили свои веб-страницы с помощью Google PageSpeed ​​Insights (NB, вы должны регулярно протестируйте свои мобильные веб-страницы используя такие инструменты, как WebPageTest и PageSpeed ​​Insights), скорее всего, вы видели следующее предупреждение:

! Следует исправить:

Устранить блокировку рендеринга JavaScript и CSS в верхнем содержании

Ваша страница имеет 8 блокирующих ресурсов скрипта и 7 блокирующих CSS ресурсов. Это приводит к задержке рендеринга вашей страницы.

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

Попробуйте отложить или асинхронно загрузить блокирующие ресурсы или включить критические части этих ресурсов непосредственно в HTML

Текст и изображение выше из Тест Mobile PageSpeed ​​Insights на BBC.com проводится в феврале 2017 года.

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

BBC является самым популярным новостным сайтом на английском языке в мире, согласно Alexa Таким образом, чтобы выразить это в контексте, мы также должны проверить остальных в четверке лучших. Результаты показывают, что у еще двух издателей есть похожие проблемы с JavaScript. (Тест также подчеркивает проблемы CSS, но это не тема статьи):

  1. BBC.com PageSpeed ​​test (8 блокирующих скриптов; 7 блокирующих CSS-ресурсов)
  2. NYTimes.com PageSpeed ​​test (0 блокирующих скриптов)
  3. ESPN.com PageSpeed ​​test (2 блокирующих скрипта; 3 блокирующих CSS-ресурса)
  4. CNN.com PageSpeed ​​test (6 блокирующих скриптов; 2 блокирующих CSS-ресурса)

4-кратный рост использования JavaScript за пять лет

За последние пять лет объем JavaScript, использованный на средней мобильной странице, увеличился почти в четыре раза: с 101 КБ в феврале 2012 года до 387 КБ в феврале 2017 года. Количество запросов (запрос - это количество попыток браузера загрузить дополнительную часть). содержимого или кода) для различных файлов JavaScript увеличился с 8 до 21.

Это хорошо видно на графике ниже HTTP Архив , HTTP Archive тестирует топ 1 миллион сайтов несколько раз в месяц, используя данные из WebPagetest и публикует тренды и статистические данные, которые необходимы для оценки эффективности вашего сайта.

Для 1 миллиона сайтов, отслеживаемых HTTP-архивом, JavaScript составляет 17,4% от веса страницы Для 1 миллиона сайтов, отслеживаемых HTTP-архивом, JavaScript составляет 17,4% от веса страницы. JavaScript также отвечает за 21 из 93 запросов (22,6%).

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

Изображение ниже сравнивает разбивку по типу контента для среднего сайта с BBC.com проверен HTTP-архивом (15 февраля 2017 г.):

  • Первое, на что стоит обратить внимание, - насколько впечатляюще мал размер страницы BBC: 609 КБ против 2225 КБ.
  • Второе, на что следует обратить внимание, - насколько мал общий размер изображений BBC: 70 КБ против 1501 КБ.
  • Третье, на что нужно обратить внимание, - это насколько пропорционально велики скрипты: 458 КБ или 75,2% от общего размера страницы.
  • Четвертое, на что следует обратить внимание (не показано на диаграммах ниже), заключается в том, что 39 (44,3%) из 88 запросов BBC являются сценариями.

Четвертое, на что следует обратить внимание (не показано на диаграммах ниже), заключается в том, что 39 (44,3%) из 88 запросов BBC являются сценариями

Когда вы сравниваете результаты тестирования четырех лучших новостных веб-сайтов на английском языке, вы замечаете, насколько BBC меньше, чем его конкуренты. Это от одной трети до половины размера, а JavaScript в два-три раза меньше.

  1. BBC.com проверен HTTP-архивом : Сценарии 458 КБ (75,2%) из 609 КБ от общего объема данных; 39 запросов JS (44,3%) из 167 88 запросов.
  2. Тест HTTP-архива NYTimes.com : Сценарии 1511 КБ (51%) из 2953 КБ от общего объема данных; 73 JS запросов (43,7%) из 167 общих запросов. (У NB NY Times есть специальный мобильный сайт по адресу mobile.nytimes.com, который не указан в HTTP-архиве, что может привести к другим результатам.)
  3. ESPN.com HTTP Archive test : Сценарии 1183 КБ (65,7%) из 1802 КБ от общего объема данных; 50 запросов JS (47,2%) из 106 запросов.
  4. CNN.com HTTP Архив теста : Сценарии 1484 КБ (68%) из 2182 КБ от общего объема данных; 67 запросов JS (31,9%) из 210 запросов.

Какое влияние на мобильный скорость страницы ?

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

Нет, нет 15 февраля 2017 г. HTTP-архив записал следующие времена загрузки:

  1. BBC.com : 18,3 секунды
  2. NYTimes.com : 27,4 секунды
  3. ESPN.com : 8,8 секунд
  4. CNN.com : 31,5 секунд

Таким образом, BBC быстрее загружается на мобильном устройстве, чем CNN и New York Times, но значительно медленнее, чем (более крупный) ESPN.

Вот как эти два сайта выглядят на мобильном устройстве. (Диафильм - одна из наиболее привлекательных функций WebPageTest, понятная любому не специалисту). Каждый кадр представляет 1 секунду. Когда проходил тест HTTP Archive, в течение 9 секунд посетители мобильного сайта BBC.com ничего не видели, а в течение 4 секунд посетители ESPN ничего не видели. Вот как эти два сайта выглядят на мобильном устройстве

Может быть много причин, по которым один веб-сайт может быть быстрее другого, например время отклика сервера, использование сетей доставки контента (CDN), влияние рекламных сетей, включение сторонних данных (распространенных на новостных сайтах) или время и место проведения теста (в данном случае Калифорния, США).

Однако, при прочих равных условиях, возможно, что JavaScript может быть фактором, способствующим. (Извинения за хеджирование ставок). Как отмечалось выше, BBC.com получил больше предупреждений о блокировке сценариев выше сгиба, чем другие новостные сайты.

Уменьшение зависимости от JavaScript

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

Алекс Пейнтер, консультант по веб-производительности в NCC Group:

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

«Использование JavaScript для визуализации контента может быть дорогостоящим - для его загрузки и выполнения требуется время. Так, например, если вы можете использовать HTML и CSS для достижения одинакового результата, это, как правило, будет быстрее.

«Например, когда речь идет о адаптивных изображениях, вы можете использовать медиа-запросы в CSS и picture / srcset в HTML, чтобы предоставить правильное изображение для области просмотра, не полагаясь на JavaScript».

Выберите асинхронный и отложенный JavaScript вместо блокирующих и встроенных скриптов

Существует несколько способов реализации JavaScript на веб-странице, в том числе:

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

Оправданы ли когда-нибудь блокирующие сценарии?

Патрик Минан:

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

Уменьшение размера файлов JavaScript

Насколько большой слишком большой? Сколько запросов это слишком много?

Это всегда будет уравновешивающим действием.

Патрик Минан:

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

«Для анализа и запуска больших файлов JavaScript также требуется больше времени (1 мс на каждый 1 КБ несжатого JS является разумной оценкой). При прочих равных условиях, если у вас одинаковое количество JS во многих файлах, загрузка займет намного больше времени, чем если бы такое же количество JS было в одном файле ».

Google рекомендует минификация файлов JavaScript, использующих UglifyJS или же Закрытие Компилятор ,

Подробнее о том, как оптимизировать скорость вашего мобильного сайта, читайте в нашей предыдущей серии из трех частей:

Энди Фавелл Поисковый движок Обозреватель часов на мобильном телефоне. Он является лондонским внештатным мобильным / цифровым консультантом, журналистом и веб-редактором. Свяжитесь с ним через LinkedIn или в твиттере по адресу Andy_Favell ,

Хотите быть в курсе последних тенденций поиска?

Получить лучшие идеи и новости от наших экспертов по поиску.

Хотите быть в курсе последних тенденций поиска?

Получить лучшие идеи и новости от наших экспертов по поиску.

Похожие

«Искусство SEO» - это не набор букв
Искусство войны Сунь Цзы не о китайской керамике и Искусство SEO Эрик Энге, Стефан Спенсер, Рэнд Фишкин и Джесси Стрикчиола - это не набор для рисования по номерам. Искусство SEO - это полное руководство по поисковый движок Оптимизация стратегий и тактик написана четырьмя
Почему ссылки Nofollow могут стать рыжеволосыми пасынками SEO
Только на этой неделе я встретил около 50 сайтов с рекламными правилами, в которых конкретно связи будет не допущен Они все более чем рады продать ссылку, конечно, даже без раскрытия, но даже не думают просить их подписку. Это умная практика или она ведет нас по опасному пути, когда мы не можем доверять всему, что читаем онлайн?
Как схема влияет на SEO
... быть следующим большим ранжирующим фактором </ h1> <div itemprop = "author" itemscope itemtype = "http://schema.org/Person" > Автор: <span itemprop = "name"> Шон Си </ span> (родился <span itemprop = "birthDate"> 6 сентября 1988 г.) </ span> </ div> <span itemprop = "genre"> SEO </ span> <span itemprop = "ключевые слова"> Схема, SEO, фактор рейтинга </a> </ div> В
Каждая секунда имеет значение: почему скорость страницы должна быть вашей следующей целью
... вы уже вложили средства в то, чтобы сделать ваш сайт мобильным для Последнее обновление алгоритма Google , тогда вы готовы к следующему шагу: оптимизировать ваши страницы для загрузки как можно быстрее. В противном случае вся ваша тяжелая работа по достижению высших позиций в поиске на рабочем столе и в мобильном поиске будет напрасной. Как мы знаем
Алгоритм поиска Google
... нания помогут. Статья должна быть переведена лицом, написавшим статью, поэтому, пожалуйста, не путайте ее. Согласно моему опросу, 1 из 10 респондентов сказал, что SEO не имеет никакого значения, а 24 процента сказали, что не знали об этом. Если вы один из этих 24 процентов, вам предлагается прочитать эту статью. Эта статья в основном предназначена для дизайнеров и расскажет вам, как легко найти сайты и блоги в поисковых системах, а также расскажет вам об общих ошибках, допущенных
Новое SEO: интеграция поискового маркетинга
Каждый год кто-то заявляет, что SEO мертв просто потому, что Google внес некоторые изменения в свой алгоритм. Но не волнуйтесь, этот пост не будет объявлять, что SEO мертв, умирает или
Брендовый поиск и прямой поиск: как оптимизировать запросы на основе бренда
... хотите занять место № 1 (и, если возможно, № 1, 2 и 3) для всех этих! В противном случае вы можете потерять клиента из-за конкурента или блогера, который предлагает лучшую альтернативу или просто советует против вашего бренда. Но не только это! Подумайте обо всех этих «смешанных» результатах поиска, которые могут отвлечь внимание пользователя от вашего бренда: Локальный пакет Видео Изображений Результаты продукта Люди
Пять факторов для глобального успеха SEO
... быть пул веб-сайтов, на которые стоит ориентироваться, чтобы увеличить контент, который побуждает пользователей делать что-то на странице: те, которые предоставляют ресурсы, те, которые предлагают платформу для узнаваемости бренда, и, наконец, простые списки. Разделение пяти целевых местоположений на четыре широких поля дает вам 20 вариантов глобального таргетинга ссылок и делает весь процесс намного более управляемым из внутреннего источника.
Как исправить ошибку Yoasts WordPress SEO Sitemap 404
... вам, как исправить ошибку 404 Yoast's WordPress SEO sitemap"> В этой статье мы покажем вам, как исправить ошибку 404 Yoast's WordPress SEO sitemap . Всем тем, у кого есть веб-сайт WordPress, вполне вероятно, что они уже установили самый популярный плагин для SEO на странице, известный как Yoast SEO. У него более 3 миллионов активных установок и высокий средний рейтинг. При таком количестве установок вы ожидаете, что у него не будет технических проблем,
Состояние HTTPS в 2018 году: почему вы должны мигрировать?
... на горизонте. Итак, когда в 2014 году Google подтвердил HTTPS в качестве сигнала ранжирования - то есть, рекомендуется, чтобы все сайты переходили на HTTPS ради их пользователи «Безопасность - немногие владельцы сайтов восприняли это как прямую инструкцию. В соответствии с
Как исправить ошибку карты сайта Yoast SEO XML
Вы получаете эту ошибку при просмотре карты сайта XML, которую вы создали с помощью превосходного плагина Yoast для SEO на WordPress? У меня был клиент с той же проблемой, но, копаясь, я нашел несколько решений, которые вы можете попробовать, как

Комментарии

Хотите быть в курсе последних тенденций поиска?
Хотите быть в курсе последних тенденций поиска? Получить лучшие идеи и новости от наших экспертов по поиску. Хотите быть в курсе последних тенденций поиска? Получить лучшие идеи и новости от наших экспертов по поиску.
Amp; Lt; title & gt; тег - это то, что будет появляться в результатах поиска, но действительно ли «Стать суши ниндзя» будет наилучшим для оптимизации этой страницы для поиска?
amp; Lt; title & gt; тег - это то, что будет появляться в результатах поиска, но действительно ли «Стать суши ниндзя» будет наилучшим для оптимизации этой страницы для поиска? Разве «Как приготовить суши» не будет лучшим, хотя и более скучным выбором? С настройкой заголовка страницы мы можем сделать это обоими способами. Мы можем сохранить броский заголовок для отображения на странице и одновременно использовать «Как приготовить суши» для результатов поиска. Для этого мы просто
Точно так же, как 2015 год стал наконец годом мобильных устройств, будет ли 2017 год годом местного SEO?
Точно так же, как 2015 год стал наконец годом мобильных устройств, будет ли 2017 год годом местного SEO? Хотя многие малые предприятия теперь понимают важность создания Google мой профиль , они все еще отстают, когда дело доходит до поискового маркетинга. Тем временем Google недавно внес много изменений в результаты локального поиска. Очевидно, что компания Google уделяет гораздо больше внимания
Наши страницы ранжируются так, как они могли бы быть?
Наши страницы ранжируются так, как они могли бы быть? Мы всегда работаем над тем, чтобы наши страницы имели более высокий рейтинг, чем они уже есть, поэтому вместо этого я хотел сосредоточиться на очень специфической тактике. Во-первых, вам необходимо выяснить, на скольких страницах вы пытаетесь привлечь трафик. Вероятно, это будет ваша домашняя страница, категории, продукты и контентные страницы. Есть несколько способов сделать это, в зависимости от настроек вашего сайта:
Почему вы должны создавать пользовательские страницы 404 вместо отображения основных сообщений, таких как «страница не существует»?
Почему вы должны создавать пользовательские страницы 404 вместо отображения основных сообщений, таких как «страница не существует»? Вы не хотите потерять посетителя своего сайта, если всплывет ошибка браузера по умолчанию, верно? Кроме того, вы должны проявить творческий подход к своим 404 страницам, где вы можете включить полезные ссылки, функции поиска по сайту, параметры контактов, формы для отправки сообщений по электронной почте и т. Д., Чтобы сделать их полезными для ваших
Это зависит от того, сколько километров вы проезжаете, что вы хотите построить для дополнительных функций (камера заднего вида, зимние шины включены в аренду, должна ли страховка быть включена)?
Это зависит от того, сколько километров вы проезжаете, что вы хотите построить для дополнительных функций (камера заднего вида, зимние шины включены в аренду, должна ли страховка быть включена)? Таким образом, есть много факторов, которые отвечают за решение, сколько стоит SEO. Итак, мы видим это с помощью управления видимостью, которое является расширением классической поисковой оптимизации. При суточных ценах от 500 евро до 10000 евро (плюс НДС) возникает вопрос: что уместно?
Но контролируют ли они изображения SEO и как оптимизировать изображения для использования на веб-сайтах?
Но контролируют ли они изображения SEO и как оптимизировать изображения для использования на веб-сайтах? Неважно, какой у вас сайт, вы используете картинки. И если вы не используете изображения, то вы должны начать это делать, в то время как вы должны ознакомиться с поисковой оптимизацией изображений (SEO изображений). Фотографии имеют так много преимуществ - читайте прямо ниже. Зачем использовать изображения и сделать изображение SEO?
Один вопрос: хотите ли вы бороться с собой или хотите, чтобы ожидающие рассмотрения тексты были пересмотрены или сформулированы?
Один вопрос: хотите ли вы бороться с собой или хотите, чтобы ожидающие рассмотрения тексты были пересмотрены или сформулированы? Вы можете связаться со мной! Контрольные списки для SEO текстов © textbroker.de Шпаргалка для онлайн копирайтинга
Вы на виртуальном хостинге и хотите знать, как это влияет на SEO вашего блога?
Вы на виртуальном хостинге и хотите знать, как это влияет на SEO вашего блога? Вам нужен выделенный IP для вашей учетной записи общего хостинга? Давайте узнаем ответ здесь. Для начинающих, тех, кто не знает о Shared hosting, это сервер, на котором множество (от 10+ до 200-300) сайтов размещаются на одном сервере и, таким образом, используют один и тот же IP-адрес. Обычно вы получаете частный IP-адрес на общем хостинге за 2 доллара. -5, что немного, если вы работаете на профессиональном веб-сайте.
Как узнать, есть ли у страницы сертификат SSL?
Как узнать, есть ли у страницы сертификат SSL? Конечно, вы заметили висячий замок, который появляется в левой части поисковой системы, когда мы открываем веб-страницу, чего в данный момент нет вообще. При входе на веб-страницу Google уведомляет, имеет ли этот сайт сертификат, через зеленый символ замка, слово «безопасный» и аббревиатуру «https» (протокол безопасной передачи гипертекста). Какие страницы не имеют сертификата SSL? Это те страницы, которые
Задумывались ли вы, как некоторые компании получают такие приятные и удобные места на страницах результатов поиска Google, где, кажется, они в некотором смысле «представлены»?
Задумывались ли вы, как некоторые компании получают такие приятные и удобные места на страницах результатов поиска Google, где, кажется, они в некотором смысле «представлены»? Ваш бизнес тоже может иметь это. Когда потенциальные клиенты ищут ваш бизнес, это действительно помогает немедленно отображать самую актуальную информацию - как пример шеф-повара выше. Подумайте

Хотите быть в курсе последних тенденций поиска?
Какое влияние на мобильный скорость страницы ?
Итак, следует ли из этого, что тонкий сайт BBC будет загружаться намного быстрее, чем все его конкуренты?
Сколько запросов это слишком много?
Хотите быть в курсе последних тенденций поиска?
Это умная практика или она ведет нас по опасному пути, когда мы не можем доверять всему, что читаем онлайн?
Хотите быть в курсе последних тенденций поиска?
Хотите быть в курсе последних тенденций поиска?
Amp; Lt; title & gt; тег - это то, что будет появляться в результатах поиска, но действительно ли «Стать суши ниндзя» будет наилучшим для оптимизации этой страницы для поиска?
Amp; Lt; title & gt; тег - это то, что будет появляться в результатах поиска, но действительно ли «Стать суши ниндзя» будет наилучшим для оптимизации этой страницы для поиска?