FRONTEND SEO OPTIMIERUNGEN

Slick-Slider

Slider mit Lazy Loading einbauen

<img data-lazy="img/lazyfonz1.png"/>

$('.lazy').slick({
  lazyLoad: 'progressive'
});

Webfonts

Webfonts mit Attribut font-display versehen:

font-display: swap;

Google Fonts

Google Fonts lokal einbinden.
Google Fonts Downloader

Picture Tag

Bilder wenn möglich über das HTML Picture Tag einfügen:

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width:465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>