27, Сен 2022
Вебинар: Секрет клиентоориентированного подхода с более быстрой окупаемостью


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

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

Зарегистрируйтесь сегодня для «Совет эксперта: сделайте свой маркетинг выдающимся в этот праздничный сезон», представлено Blueshift.


Щелкните здесь, чтобы просмотреть другие вебинары Search Engine Land.


Новое в поисковой системе

Об авторе

Синтия Рамсаран — директор по пользовательскому контенту в Third Door Media, издателе Search Engine Land и MarTech. Многоканальный рассказчик с более чем двадцатилетним опытом работы в редакционном и контент-маркетинге, Синтия специализируется в области маркетинга, технологий, финансов, производства и игровой индустрии. Она была сценаристом/продюсером для CNBC.com и руководила идеями для KPMG. Синтия родом из Квинса, штат Нью-Йорк, и получила степень бакалавра и магистра делового администрирования в Университете Святого Иоанна.



Source link

8, Сен 2022
Советы по скорости сайта для более быстрой загрузки видео


От этого никуда не деться – видеофайлы большие. На самом деле настолько большой, что они составляли 81% интернет-трафика в 2021 году. Видео, загруженные на любую веб-страницу, вероятно, будут самым большим активом, с которым придется иметь дело браузеру. Если вы не делаете что-то чрезвычайно необычное (и, вероятно, нежелательное) с изображениями JavaScript, то есть.

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

Видео всегда выглядит очень плохо для скорости сайта в каскадных диаграммах.

Цель состоит в том, чтобы обеспечить плавное воспроизведение видео без буферизации и невероятно быстрое время загрузки всех ресурсов на вашем веб-сайте. В этом начинании вы должны следить за своими основными веб-жизненными показателями — наибольшей отрисовкой содержимого (LCP), задержкой первого ввода (FID) и кумулятивным смещением макета (CLS).

Основные веб-жизненные показатели и их аббревиатуры

Совет 1. Размещайте свои видео через CDN

Самый простой способ получить видео на своем веб-сайте WordPress — просто загрузить его в свою медиатеку. После этого вы можете включить его на страницу или в публикацию с помощью видеоблока Гутенберга.

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

Ознакомьтесь с руководством Yoast по CDN для получения полной информации о том, как лучше настроить это. Обратите внимание, что если вы встраиваете видео из таких сервисов, как YouTube или Wistia, они управляют доставкой видеоресурсов из своей собственной сети CDN.

Совет 2. Используйте адаптивную потоковую передачу

Тег HTML5

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

Лучший способ решить эту проблему — использовать так называемую адаптивную потоковую передачу. Адаптивная потоковая передача — это когда серверу доступны несколько различных вариантов одного видео с разным разрешением и битрейтом. Затем сервер предоставляет версию видео с наилучшим качеством, которое может обработать любое данное соединение. При адаптивной потоковой передаче, если ваш пользователь использует мобильное устройство на вершине удаленного холма и работает только с соединением 500 кбит/с, сервер предоставит SD-видео с битрейтом около 300 кбит/с, а не идеальный вариант 4K со скоростью 35 Мбит/с.

Как вы можете это сделать? Ну, ты можешь настройте его самостоятельно, используя MPEG-DASH. Или перейдите на стороннюю платформу видеохостинга, например YouTube или же Вистия; они используют адаптивную потоковую передачу как часть стека технологий доставки видео.

Совет 3. Экспортируйте видеофайлы с переменным битрейтом

Еще один совет для повышения скорости воспроизведения — максимально уменьшить размер видеофайла(ов) в процессе экспорта. Переменный битрейт (VBR) — это средство сжатия, которое адаптирует битрейт видеофайла в зависимости от сложности цветов и движения в любой точке видео. Целью этого является сохранение его как можно ниже без заметного ухудшения качества. Например, быстро движущиеся последовательности действий с большим количеством сложных цветов требуют гораздо более высокого битрейта. Но более статичная говорящая голова, снятая на простом фоне, отлично работает с более низким битрейтом. VBR позволит вашему видеокомпрессору разумно принимать решения о соответствующих битрейтах во время экспорта, что уменьшит размер файла видео.

VBR можно использовать с наиболее распространенными кодеками веб-видео, такими как VP9 и h.264.

Совет 3. Избегайте зацикливания автоматически воспроизводимых видео (или, по крайней мере, делайте их короткими и беззвучными)

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

На мой взгляд, их лучше избегать. Они почти всегда значительно увеличивают время до самой крупной отрисовки содержимого (LCP). Вынуждая воспроизведение видео одновременно с загрузкой основных элементов HTML, изображений и JavaScript страницы, вы требуете от браузера одновременного выполнения огромного количества операций. Он будет делать это вяло, если скорость соединения плохая.

Если у вас должны быть зацикленные видео с автоматическим воспроизведением, делайте их как можно короче (в идеале менее 10 секунд). Также экспортируйте файлы без звука, чтобы размер файла был как можно меньше.

Совет 4. Загружайте видеоконтент асинхронно

Есть два преимущества использования асинхронного JavaScript в доставке видео. Во-первых, вы можете запретить видео блокировать рендеринг других элементов страницы. И, во-вторых, вы можете загрузить ресурсы, наиболее важные для самого большого содержимого (LCP) и кумулятивного смещения макета (CLS), перед загрузкой самого большого видеофайла.

Если вы используете AJAX для загрузки вашего видеоплеера, как только клиент отрисовывает основной исходный сценарий (обычно всего несколько сотен килобайт), все остальное может быть быстро загружено в фоновом режиме. Тем временем клиент отображает остальные элементы страницы. Кроме того, кадр и миниатюра видеоплеера — те элементы, которые видны до того, как пользователь нажмет кнопку «Воспроизвести», — могут быть установлены по приоритету и загружены немедленно, чтобы положительно повлиять на основные жизненно важные функции сети.

Это именно то, что делает плагин Yoast Video SEO для WordPress, чтобы ускорить доставку видео, гарантируя, что даже самые большие видеофайлы не будут негативно влиять на работу пользователя или производительность поиска.

При правильной реализации видео не окажет негативного влияния на вашу оценку PageSpeed ​​Insights.

Совет 5: не размещайте видео за JS, блокирующим рендеринг

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

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

Это снижает скорость сайта и задержку первого ввода, но не только это. Это также может повредить SEO, поскольку робот Googlebot не может найти и проиндексировать видео.

Чтобы проверить, может ли робот Googlebot анализировать вашу реализацию видео, вы можете проверить новый Отчет о страницах видео в Google Search Console.

Резюме

В отношении скорости видео и сайта следует помнить следующие основные принципы:

  1. Используйте настройку сервера специально для работы с большими медиафайлами (CDN).
  2. Убедитесь, что загружаемый видеофайл адаптирован к скорости соединения клиента (адаптивная потоковая передача).
  3. Сохраняйте видеофайлы как можно меньшего размера без ущерба для качества (переменный битрейт).
  4. Загрузите основные визуальные элементы перед загрузкой фактического видеофайла (асинхронная доставка).
  5. Не запрещать загрузку видео с другими ресурсами страницы (JavaScript, блокирующий рендеринг)

Для получения дополнительной информации о скорости сайта ознакомьтесь с остальными нашими сообщениями и руководствами!



Source link

2, Июл 2022
Российские учёные разгадали принципы работы перспективного материала для аккумуляторов с быстрой зарядкой • Interpult Studio


Учёные из «Сколтеха» и МГУ установили механизмы хранения заряда в недавно открытом материале тетрааминобензоле никеля (NiBTA). Этот новый анодный материал может справиться с высокими токовыми нагрузками и обладает высокой энергоёмкостью, что найдёт применение, прежде всего, в аккумуляторах с быстрой зарядкой. До сих пор исследователи не имели чёткой картины происходящих в NiBTA процессов, но работа российских физиков закрыла этот вопрос.


Источник изображения: «Сколтех»

Работа российских учёных удостоилась публикации в журнале Химическая наука. В перспективе исследование поможет проложить курс к созданию передовых аккумуляторов с высокой скоростью заряда. Такие аккумуляторы нужны для множества применений, включая электромобили, для владельцев которых «остро стоят риски несвоевременного разряда машин в дороге»как сказано в пресс-релизе «Сколтеха».

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

В новой работе учёные из «Сколтеха» скомбинировали передовые методы, чтобы получить представление о поведении NiBTA в литиевых, натриевых и калиевых аккумуляторах.

«Красота этой работы в том, что в ней сведены воедино разнообразные методики, как экспериментальные, так и теоретические, — рассказывает первый автор работы профессор Сколтеха Роман Капаев. — Это помогло получить достоверные результаты, так как каждый метод позволяет увидеть лишь часть картины. Среди прочего мы использовали рентгеновскую дифракцию и спектроскопию комбинационного рассеяния в режимах operando, что позволило в деталях проследить за структурными изменениями внутри аккумуляторов. Мы первые, кто применил такой скрупулёзный подход к этому классу соединений. Эта работа проливает свет на электрохимию координационных полимеров, которые могут быть полезными для множества приложений».

Если вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.



Source link