diff --git a/CHANGELOG.md b/CHANGELOG.md
index 60ea8c6042..db3dd589d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Null sidebar menu data on static page fixed - @filrak (#2456)
 - Fix cannot edit previous steps in checkout - @filrak (#2457)
 - Fixed route guard ssr problem - @vue-kacper (#2364)
+- Improve images loading on category page, corrected alt view and blinking problem - @patzick (#2465)
 
 ## [1.8.2] - 2019.02.11
 - Fixed docker-compose configuration for network_mode and TS build config - @lukeromanowicz (#2415)
diff --git a/core/modules/user/hooks/afterRegistration.ts b/core/modules/user/hooks/afterRegistration.ts
index b36999fc24..8406cc85d7 100644
--- a/core/modules/user/hooks/afterRegistration.ts
+++ b/core/modules/user/hooks/afterRegistration.ts
@@ -4,7 +4,7 @@ import * as types from './../store/mutation-types'
 export function afterRegistration({ Vue, config, store, isServer }){
   if (!isServer) {
     store.dispatch('user/startSession')
-    store.dispatch('user/loadUserEarly')
+    store.dispatch('user/loadFromCache')
 
     Vue.prototype.$bus.$on('user-before-logout', () => {
       store.dispatch('user/logout', { silent: false })
diff --git a/core/modules/user/store/actions.ts b/core/modules/user/store/actions.ts
index cb21d74aa6..fd94e13392 100644
--- a/core/modules/user/store/actions.ts
+++ b/core/modules/user/store/actions.ts
@@ -47,7 +47,7 @@ const actions: ActionTree<UserState, RootState> = {
   /**
    * Retrieve authenticated user from browser cache synchronously
    */
-  loadUserEarly (context) {
+  loadFromCache (context) {
     const storeView = currentStoreView()
     const dbNamePrefix = storeView.storeCode ? storeView.storeCode + '-' : ''
     const user = localStorage.getItem(`${dbNamePrefix}shop/user/current-user`);
diff --git a/src/themes/default/assets/placeholder.svg b/src/themes/default/assets/placeholder.svg
new file mode 100644
index 0000000000..ba821924f3
--- /dev/null
+++ b/src/themes/default/assets/placeholder.svg
@@ -0,0 +1,33 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="231" height="221.421052549024" enable-background="new 0 0 1114.088 219.592" xml:space="preserve"><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none" class="" style=""/>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<g class="currentLayer" style=""><title>Layer 1</title><g id="svg_1">
+	<path fill="#727874" d="M215.745,170.619c0.202,2.336-1.64,4.344-3.985,4.344H18.899c-2.339,0-4.179-1.998-3.986-4.33L28.734,3.67   C28.906,1.596,30.639,0,32.721,0h164.642c2.076,0,3.807,1.588,3.985,3.656L215.745,170.619z" id="svg_2"/>
+	
+		<linearGradient id="SVGID_1_" x1="0.8002695878710615" y1="0.8600491690093369" x2="0.15258702143440372" y2="0.16609114750019782">
+		<stop offset="0" style="stop-color:#9CA29E"/>
+		<stop offset="1" style="stop-color:#969B97"/>
+	</linearGradient>
+	<path fill="url(#SVGID_1_)" d="M231.14,214.18c0.241,2.914-2.059,5.412-4.982,5.412H5c-2.917,0-5.215-2.486-4.984-5.395   L15.893,14.198c0.207-2.601,2.376-4.604,4.984-4.604h188.742c2.602,0,4.769,1.995,4.983,4.588L231.14,214.18z" id="svg_3"/>
+</g><g id="svg_17">
+	<g id="svg_18">
+		<path fill="#FFFFFF" d="M111.224,156.169c-28.786,0-52.204-28.119-52.204-62.682c0-1.8,1.459-3.26,3.26-3.26s3.26,1.459,3.26,3.26    c0,30.968,20.494,56.162,45.685,56.162c25.191,0,45.685-25.194,45.685-56.162c0-1.8,1.459-3.26,3.26-3.26s3.26,1.459,3.26,3.26    C163.429,128.05,140.01,156.169,111.224,156.169z" id="svg_19"/>
+	</g>
+	<g id="svg_20">
+		<path fill="#FFFFFF" d="M143.358,92.613c-0.834,0-1.668-0.318-2.305-0.955c-1.273-1.273-1.273-3.337,0-4.61l16.894-16.894    c0.611-0.611,1.44-0.955,2.305-0.955l0,0c0.865,0,1.694,0.343,2.305,0.955l16.729,16.73c1.273,1.273,1.273,3.337,0,4.61    c-1.273,1.272-3.337,1.273-4.61,0L160.251,77.07l-14.588,14.588C145.026,92.295,144.192,92.613,143.358,92.613z" id="svg_21"/>
+	</g>
+</g></g></svg>
\ No newline at end of file
diff --git a/src/themes/default/components/core/ProductTile.vue b/src/themes/default/components/core/ProductTile.vue
index a7914ff49e..6992f5802f 100644
--- a/src/themes/default/components/core/ProductTile.vue
+++ b/src/themes/default/components/core/ProductTile.vue
@@ -17,14 +17,15 @@
     >
       <div
         class="product-image relative bg-cl-secondary"
-        :class="[{ sale: labelsActive && isOnSale }, { new: labelsActive && isNew }]">
+        :class="[{ sale: labelsActive && isOnSale }, { new: labelsActive && isNew }, {'product-image--loaded': imageLoaded}]">
         <img
+          class="product-image__content"
           :alt="product.name"
           :src="thumbnailObj.src"
-          v-lazy="thumbnailObj"
           height="300"
           width="310"
           data-testid="productImage"
+          @load="imageLoaded = true"
         >
       </div>
 
@@ -62,6 +63,11 @@ import { ProductTile } from '@vue-storefront/core/modules/catalog/components/Pro
 
 export default {
   mixins: [ProductTile],
+  data () {
+    return {
+      imageLoaded: false
+    }
+  },
   props: {
     labelsActive: {
       type: Boolean,
@@ -146,6 +152,25 @@ $color-white: color(white);
   width: 100%;
   overflow: hidden;
   max-height: 300px;
+  height: 270px;
+  display: flex;
+  align-items: flex-end;
+  background-image: url('/assets/placeholder.svg');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 60% auto;
+
+  &__content {
+    display: none;
+  }
+
+  &--loaded {
+    background-image: none;
+
+    .product-image__content {
+      display: block;
+    }
+  }
 
   &:hover {
     img {