سرعت سایتتان را ۱۰ برابر بیشتر کنید

‍۱. تصاویر را Lazy load کنید

چرا تصاویر را Lazy load کنیم؟

چگونه تصاویر را Lazy load کنیم؟

<template>
  <div>
     <b-img-lazy v-bind="mainProps" :src="getImageUrl(80)" alt="Image 1">
     </b-img-lazy>
  </div>
</template>
  <script>
  export default {
   data() {
    return {
    mainProps: {
    center: true, fluidGrow: true, blank: true, blankColor: '#bbb', width: 600, height: 400, class: 'my-5'
   }
  }
 },
 methods: {
 getImageUrl(imageId) {
   const { width, height } = this.mainProps
   return `https://picsum.photos/${width}/${height}/?image=${imageId}`
    }
  }
}
</script> 

۲. از کامپوننت های استفاده نشده دوری کنید

import IconName from 'vue-ionicons/dist/js/icon-name'
Vue.component('my-icon', IconName)

import AllIosIcon from 'vue-ionicons/dist/ionicons-ios.js'
Vue.use(AllIosIcon)

3. تکه کدهای استفاده نشده را پاک کنید

همچنین: فایل های CSS و JS را minify کنید

جمع بندی