Michael Großklaus

Collecting some frontend related notes, thoughts, bookmarks and tips.

• all
• accessibility
• animations
• css
• favicons
• grid
• html
• internationalisation
• javascript
• performance
• print
• svg
• typography
• ux
• yaml

1. Mon Aug 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

   • javascript
   • performance

   Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript

   https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/

2. Wed Mar 09 2022 00:00:00 GMT+0000 (Coordinated Universal Time)

   • performance

   Lite youtube embed

   Youtube embeds are not very performant, so here is a web component with focus on performance: https://github.com/paulirish/lite-youtube-embed

3. Wed Sep 22 2021 00:00:00 GMT+0000 (Coordinated Universal Time)

   • performance
   • html

   Order in the head

   <meta />
   <title>
   preconnect
   <script async></script>
   CSS with @imports
   sync JS
   sync CSS
   preload
   <script defer></script>
   prefetch / prerender
   everything else (SEO, icons, open graph)

4. Mon Mar 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)

   • javascript
   • performance
   • html

   JavaScript loading priorities in Chrome

   Table about loading priorities of render blocking, async, defer, prefetched etc scripts in Chrome: https://addyosmani.com/blog/script-priorities/