fix (ui): Prevent large content layout shifts (CLS) on Blog pages (#132)
Description
CLS measures the sum total of all layout shift that occurs during the entire lifespan of the page.
Following are the improvements for performance issues, that this MR solves:
- Prevent lazy loading largest Contentful Paint images, which can delay the largest contentful paint.
- Prevent any Cumulative Layout Shift on the Blog pages. At the start of the issue the score was
0.115
now it's0
. - Increase page Accessibility by providing
aria-label
to links.
Related issue
Examples
Current page insights:
Page insights for this MR:
Checklist
-
the MR description has been reviewed -
this MR contains text changes and they have been reviewed OR there are no texts changes -
this MR contains GUI/CLI changes and they have been reviewed OR there are no GUI/CLI changes -
this MR contains API changes and they have been reviewed OR there are no API changes
Closes #132 (closed)
Edited by Artyom Kartasov