[FAQ] Images are lowrez/pixelated on first load using lazysizes auto-size option

[bnomei]

Question:
Why are the images lowrez/pixelated on first load using lazysizes auto-size option?

Answer:

• make sure you have the css applied img[data-sizes="auto"] { display: block; width: 100%; }
• make sure your css file is loaded and applied before the lazysizes script runs.
• [FAQ] Styles not applied before JS is executed – lazysizes issue kirby3-htmlhead#6