Merge pull request #279 from yel-hadd/master

Add lazy loading to sidebar icons for improved performance

Author: yel-hadd

docs/.vuepress/theme/sidebar/SidebarLink.vue

@@ -39,7 +39,8 @@ function renderLink(h, to, text, active, children, depth = 0, closeSidebarDrawer
         h('img', {
           src: icon,
           class: 'sidebar-link-icon',
-          alt: text
+          alt: text,
+          loading: 'lazy'
         }),
         text
       ]

docs/.vuepress/theme/sidebar/SidebarSectionHeader.vue

@@ -9,7 +9,7 @@ defineProps({
 
 <template>
   <div class="sidebar-section-header">
-    <img :src="item.icon" class="language-logo" alt="language-logo" />
+    <img :src="item.icon" class="language-logo" alt="language-logo" loading="lazy" />
     <span class="language-title">{{ item.title }}</span>
   </div>
 </template>