WebP and Native Lazy Loading for DLE 1.0.0

Хак, устанавливаемый через систему плагинов, автоматически делает копии загружаемых изображений в формат .webp и выводит на сайте в рекомендуемом Google формате.


Возможности:

• При добавлении новости/публикации он автоматически создает копию изображения в формате *.webp.
  
• В тег img добавлен loading="lazy", который позволяет использовать нативную отложенную загрузку изображений на уровне браузера.
  
• Изображения оформлены по рекомендациям Google. Также к тегу img добавлены атрибуты width и height с значениями размеров уменьшенной копии картинки, для устранения проблем с Cumulative Layout Shift.
  
  До:
  

  <img src="/path/to/pic.png" alt="Picture">

  
  После:
  

  <picture>
  	<source type="image/webp" srcset="/path/to/pic.webp">
  	<img loading="lazy" src="/path/to/pic.png" alt="Picture" width="" height="">
  </picture>

Установка:

1. В админке DLE: Утилиты > Управление плагинами > Загрузить плагин.
   
2. Для старых новостей нужно запустить перестроение публикаций.
   
3. Готово!

• Версия DLE: 14.х
• Библиотека: GD2