diff --git a/server/artifactory-service.ts b/server/artifactory-service.ts
index bdc9c13..64fa941 100644
--- a/server/artifactory-service.ts
+++ b/server/artifactory-service.ts
@@ -4,7 +4,7 @@ import * as fs from 'fs-extra';
 import * as tar from 'tar';
 import * as showdown from 'showdown';
 import * as emoji from 'node-emoji';
-import { PackagesResponse } from '../types/PackageResponse';
+import { PackagesResponse } from '../types/PackagesResponse';
 import PackageId from '../types/PackageId';
 import getFiles from './fileLister';
 import * as os from 'os';
@@ -13,10 +13,6 @@ import configService from './config-service.js';
 
 let instance;
 
-const tmpDir = path.join(os.homedir(), '.npmfrog', 'package-cache');
-const packageDetailCache = {};
-process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
-
 interface AdditionalCode {
   readme: string;
   fileList;
@@ -24,11 +20,17 @@ interface AdditionalCode {
 
 class ArtifactoryService {
   public baseURL: string;
+  private tmpDir: string;
+  private packageDetailCache: PackagesResponse;
 
   constructor() {
     if (instance) {
       return instance;
     }
+    this.tmpDir = path.join(os.homedir(), '.npmfrog', 'package-cache');
+    this.packageDetailCache = {};
+    process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
+
     configService
       .getConfig()
       .then(config => {
@@ -56,7 +58,16 @@ class ArtifactoryService {
         );
       });
     }
-    return axios.get(`/-/all`);
+    return axios
+      .get(`/-/all`)
+      .then(response => {
+        return response;
+      })
+      .catch(error => {
+        return new Promise<AxiosResponse>((resolve, reject) => {
+          resolve(this.createAxiosResponse(this.packageDetailCache));
+        });
+      });
   }
 
   public async getPackageDetail({
@@ -66,7 +77,7 @@ class ArtifactoryService {
   }: PackageId): Promise<AxiosResponse> {
     const latestVersionResponse = await this.getDistTags({ scope, packageName });
     const currentVersion = version || latestVersionResponse.data.latest;
-    const key = `${scope}-${packageName}-${currentVersion}`;
+    const key = `${scope}-${packageName}`;
 
     const packageDetailResponse: AxiosResponse = process.env.MOCK
       ? await new Promise<AxiosResponse>((resolve, reject) => {
@@ -79,9 +90,9 @@ class ArtifactoryService {
           }
           resolve(this.createAxiosResponse(data));
         })
-      : packageDetailCache[key]
+      : this.packageDetailCache[key]
         ? await new Promise<AxiosResponse>((resolve, reject) => {
-            resolve(this.createAxiosResponse(packageDetailCache[key]));
+            resolve(this.createAxiosResponse(this.packageDetailCache[key]));
           })
         : await axios.get(`/${this.name2url({ scope, packageName })}`);
 
@@ -104,7 +115,7 @@ class ArtifactoryService {
       : await new Promise<AdditionalCode>(async (resolve, reject) => {
           const packageDetail = packageDetailResponse.data;
           const downloadUrl = packageDetail.versions[currentVersion].dist.tarball;
-          const storageDir = path.join(tmpDir, scope, packageName, currentVersion);
+          const storageDir = path.join(this.tmpDir, scope, packageName, currentVersion);
           if (fs.existsSync(storageDir)) {
             this.readAdditionalCode(storageDir).then(response => {
               resolve(response);
@@ -146,7 +157,12 @@ class ArtifactoryService {
     Object.assign(packageDetailResponse.data, additionalCode);
 
     return new Promise<AxiosResponse>((resolve, reject) => {
-      packageDetailCache[key] = packageDetailResponse.data;
+      if (!this.packageDetailCache[key]) {
+        this.packageDetailCache[key] = Object.assign(
+          { _isCached: true },
+          packageDetailResponse.data,
+        );
+      }
       resolve(packageDetailResponse);
     });
   }
@@ -169,7 +185,7 @@ class ArtifactoryService {
     format: string = 'string',
   ): Promise<string | Buffer> {
     const absPath = path.join(
-      tmpDir,
+      this.tmpDir,
       packageId.scope,
       packageId.packageName,
       packageId.version,
@@ -177,7 +193,6 @@ class ArtifactoryService {
       filepath,
     );
     const fileContent = fs.readFileSync(absPath);
-    console.log(format === 'string');
     return format === 'string' ? fileContent.toString() : fileContent;
   }
 
diff --git a/src/components/PackageList.vue b/src/components/PackageList.vue
index ef5d4ff..73f2083 100644
--- a/src/components/PackageList.vue
+++ b/src/components/PackageList.vue
@@ -4,17 +4,16 @@
     <v-list subheader three-line v-else class="package-list">
       <v-subheader 
         class="title"
-        v-if="config && config.artifactory">Found {{packages.data.length}}/{{packages.all.length}} npm packages on &nbsp;
+        v-if="config && config.artifactory">Found {{countFreshPackages(packages.data)}}/{{countFreshPackages(packages.all)}} npm packages on &nbsp;
         <ExternalLink
           :href="`http${
               config.artifactory.https? 's' : ''
             }://${
               config.artifactory.host
-            }/artifactory/webapp/#/artifacts/browse/tree/General/${
-              config.artifactory.repoKey
             }`"
           :text="config.artifactory.host">
-        </ExternalLink>
+        </ExternalLink>. 
+        <span v-if="countFreshPackages(packages.data) === 0">&nbsp;Displaying cached packages instead:</span>
       </v-subheader>
       <template v-for="(item, index) in packages.data">
         <v-list-tile
@@ -24,7 +23,15 @@
           @click="$router.push(`package/${item.name}`)"
         >
           <v-list-tile-content>
-            <v-list-tile-title class="font-weight-medium">{{ item.name }}</v-list-tile-title>
+            <v-list-tile-title class="font-weight-medium">
+              {{ item.name }}
+              <v-chip
+                small
+                v-if="item._isCached"
+                disabled
+                label
+              ><v-icon>{{$vuetify.icons.cache}}</v-icon> cached</v-chip>
+            </v-list-tile-title>
             <v-list-tile-sub-title>{{item.description}}</v-list-tile-sub-title>
             <v-list-tile-sub-title class="package-list--keywords">
               <v-chip v-for="keyword in item.keywords" :key="keyword" small>{{keyword}}</v-chip>
@@ -72,7 +79,7 @@
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import DataStore from '@/services/DataStore';
-import { PackagesResponse } from '../../types/PackageResponse';
+import { PackagesResponse } from '../../types/PackagesResponse';
 import Package from '../../types/Package';
 import { EventBus, Events } from '@/services/event-bus';
 import LoadingSpinner from '@/components/LoadingSpinner.vue';
@@ -133,6 +140,16 @@ export default class Packages extends Vue {
     );
   }
 
+  private countFreshPackages(packages: PackagesResponse): number {
+    let count = 0;
+    for (const key of Object.keys(packages)) {
+      if (!packages[key]._isCached) {
+        count++;
+      }
+    }
+    return count;
+  }
+
   private loadConfig(): void {
     DataStore.Instance.getConfig().then(config => {
       if (config) {
@@ -153,6 +170,10 @@ export default class Packages extends Vue {
 .package-list {
   padding-bottom: 88px;
 
+  .v-list__tile__title {
+    height: initial;
+  }
+
   .v-list__tile__content {
     padding: 0.4em 0;
   }
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 0e3e357..7933a5d 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -23,6 +23,7 @@ export const icons = {
   install: 'mdi-package-down',
   version: 'fas fa-code-branch',
   legal: 'fas fa-balance-scale',
+  cache: 'fas fa-archive',
   code: 'fas fa-code',
   created: 'fas fa-bolt',
   updated: 'far fa-clock',
diff --git a/src/services/BackendApi.ts b/src/services/BackendApi.ts
index 3c7b00a..da6ff93 100644
--- a/src/services/BackendApi.ts
+++ b/src/services/BackendApi.ts
@@ -1,5 +1,5 @@
 import axios, { AxiosInstance, AxiosPromise } from 'axios';
-import { PackagesResponse } from '../../types/PackageResponse';
+import { PackagesResponse } from '../../types/PackagesResponse';
 import { PackageMetaDataDTO } from '../../types/package-meta-data';
 import { IPackageJSON } from '../../types/package-json';
 import Config from '../../types/Config';
diff --git a/src/services/DataStore.ts b/src/services/DataStore.ts
index 53dbfd2..f438ded 100644
--- a/src/services/DataStore.ts
+++ b/src/services/DataStore.ts
@@ -1,5 +1,5 @@
 import BackendApi from './BackendApi';
-import { PackagesResponse } from '../../types/PackageResponse';
+import { PackagesResponse } from '../../types/PackagesResponse';
 import Package from '../../types/Package';
 import { Tag } from '../../types/Tag';
 import { PackageMetaDataDTO } from '../../types/package-meta-data';
diff --git a/types/PackageResponse.ts b/types/PackagesResponse.ts
similarity index 100%
rename from types/PackageResponse.ts
rename to types/PackagesResponse.ts
diff --git a/types/package-meta-data.ts b/types/package-meta-data.ts
index 3ed73b7..2f0e00a 100644
--- a/types/package-meta-data.ts
+++ b/types/package-meta-data.ts
@@ -6,6 +6,7 @@ export interface PackageMetaDataDTO extends IPackageJSON {
   readonly users: {};
   readonly _id: string;
   readonly _rev: string;
+  readonly _isCached?: boolean;
 }
 
 export interface ITimes {