optimize image loading

This commit is contained in:
MuslemRahimi 2024-08-15 14:54:52 +02:00
parent e8838bc627
commit c93776a032
3 changed files with 6 additions and 5 deletions

View File

@ -1,12 +1,13 @@
<script lang="ts"> <script lang="ts">
import logo from '$lib/images/blog_logo.png';
import { articleId, numberOfUnreadNotification } from '$lib/store'; import { articleId, numberOfUnreadNotification } from '$lib/store';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import {getImageURL} from '$lib/utils'; import {getImageURL} from '$lib/utils';
export let data; export let data;
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
function blogSelector(state:string) function blogSelector(state:string)
{ {
@ -133,7 +134,7 @@ let allBlogPosts = data?.getAllBlogPost;
<div class="z-1 absolute top-3 right-0"> <div class="z-1 absolute top-3 right-0">
<img class="w-28 mr-6" src={logo} alt="logo" loading="lazy"> <img class="w-28 mr-6" src={cloudFrontUrl+"/assets/blog_logo.png"} alt="logo" loading="lazy">
</div> </div>
</div> </div>
<!-- End Column --> <!-- End Column -->

View File

@ -3,11 +3,12 @@
import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns' import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns'
import { screenWidth, numberOfUnreadNotification } from '$lib/store'; import { screenWidth, numberOfUnreadNotification } from '$lib/store';
import logo from '$lib/images/earnings_calender_logo.png';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { abbreviateNumber } from '$lib/utils'; import { abbreviateNumber } from '$lib/utils';
export let data; export let data;
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
let currentWeek = startOfWeek(new Date(), { weekStartsOn: 1 }); let currentWeek = startOfWeek(new Date(), { weekStartsOn: 1 });
let earningsCalendar = data?.getEarningsCalendar; let earningsCalendar = data?.getEarningsCalendar;
@ -297,7 +298,7 @@ $: {
<div class="z-1 absolute top-0"> <div class="z-1 absolute top-0">
<img class="w-20 ml-5" src={logo} alt="logo" loading="lazy"> <img class="w-20 ml-5" src={cloudFrontUrl+"/assets/earnings_calender_logo.png"} alt="logo" loading="lazy">
</div> </div>
</div> </div>
<!-- End Column --> <!-- End Column -->

View File

@ -1 +0,0 @@
google.com, pub-7722951169931877, DIRECT, f08c47fec0942fa0