Commit 9018f7a5 authored by Alexander Turinske's avatar Alexander Turinske

Asynchronously load statistics components

- they include echarts, which is a large library
  that slows down the initial load of the page
- async load them to improve page performance
parent ef42200e
...@@ -3,15 +3,15 @@ import { GlEmptyState } from '@gitlab/ui'; ...@@ -3,15 +3,15 @@ import { GlEmptyState } from '@gitlab/ui';
import { mapState, mapActions } from 'vuex'; import { mapState, mapActions } from 'vuex';
import { setUrlFragment } from '~/lib/utils/url_utility'; import { setUrlFragment } from '~/lib/utils/url_utility';
import LoadingSkeleton from './loading_skeleton.vue'; import LoadingSkeleton from './loading_skeleton.vue';
import StatisticsHistory from './statistics_history.vue';
import StatisticsSummary from './statistics_summary.vue';
export default { export default {
components: { components: {
GlEmptyState, GlEmptyState,
LoadingSkeleton, LoadingSkeleton,
StatisticsSummary, StatisticsSummary: () =>
StatisticsHistory, import(/* webpackChunkName: 'threat_statistics' */ './statistics_summary.vue'),
StatisticsHistory: () =>
import(/* webpackChunkName: 'threat_statistics' */ './statistics_history.vue'),
}, },
props: { props: {
storeNamespace: { storeNamespace: {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment