SEOFAQ Telegram, маркетинг и SEO Канал SEOFAQT в мессенджере Telegram

Все чатыПрочитал недавно о "секретной" картинке в одном канале...

SEO бро SEO бро

 44  

Прочитал недавно о "секретной" картинке в одном канале и о том, как улучшить LCP...

Прочитал недавно о "секретной" картинке в одном канале и о том, как улучшить LCP (Largest Contentful Paint - скорость загрузки самого большого элемента в видимой области просмотра)

Поэкспериментировал, инструкцию прилагаю.

Инструкция

Берем прозрачную PNG картинку размером 1000x1000 (в целом размер не обязательно такой, но нужно, чтобы картинка была больше любого из элементов на первом экране).

Преобразовываем ее в SVG, например, этим сервисом, а затем кодируем в base64 здесь (формат - Data URI - - data:content/type;base64)

Далее, на своём сайте, после <body> вставляем следующий код:

<img width="99999" height="99999" style="pointer-events:none;position:absolute;top:0;left:0;width:95vw;height:97vh;max-width:95vw;max-height:97vh;" alt="" src="картинка в base64">

Что произойдет

Самым большим элементом на первом экране станет это изображение. А так как загружается оно довольно быстро, показатель LCP улучшится.

Ссылки из поста:
– https://convertio.co/ru/png-svg/
– https://base64.guru/converter/encode/image/svg

Источник новости https://t.me/seo_bro/227...

<< Вернуться на канал

12.11.2021 06:16

SEOFAQ Telegram