lately I've been toying around some more to put together a high performance drupal website. now I'm working on the Cumulative Layout Shift issue, which stems from pictures that don't have their dimensions in the img or picture tag. Also, lazy loading in core seems to depend on that. Exploring aspect ratio as a possible solution. Also looking at modularizing bootstrap css. Also question of how to use media library pictures.
I've had enough for today, my head feels too full, so I'll just drop some links here for me to work on it later:
Some links:
https://medium.com/codeartisan/breakpoints-and-media-queries-in-scss-46e8f551e2f2
https://www.specbee.com/blogs/drupal-8-website-advanced-css-js-aggregation-brief-guide-improving-front-end-performance
https://www.drupal.org/project/easy_responsive_images
https://medium.com/geekculture/responsive-image-optimization-with-media-in-drupal-9-62080c31d5f4
https://www.drupal.org/project/css_aspect_ratio
https://chromatichq.com/insights/10-website-speed-optimization-tactics-drupal-8-9
https://www.previousnext.com.au/blog/performance-improvements-drupal-8-libraries
https://ramsalt.com/nb/news/faster-drupal-part-1-caching
https://ramsalt.com/nb/news/ultimate-guide-faster-drupal-part-2-aggregation-cdn-and-image-optimization
https://ramsalt.com/nb/news/ultimate-guide-faster-drupal-part-3-theming
https://ramsalt.com/nb/news/faster-drupal-cssjs-tips
- Log in to post comments
Comments