updated image load behavior

This commit is contained in:
becarta
2025-02-11 00:41:16 +01:00
parent 685b3f602e
commit 30246ae804
3 changed files with 24 additions and 3 deletions

View File

@@ -70,7 +70,7 @@ const yearsSince = currentYear - fixedYear;
image={{ image={{
src: HomePageImage, src: HomePageImage,
alt: 'Richard Bergsma lächelt in den Schweizer Alpen, während er Revella hält', alt: 'Richard Bergsma lächelt in den Schweizer Alpen, während er Revella hält',
loading: 'eager', loading: 'lazy',
}} }}
> >
<Fragment slot="content"> <Fragment slot="content">
@@ -171,6 +171,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: NexthinkAdministrator, src: NexthinkAdministrator,
alt: 'Nexthink Administrator Abzeichen', alt: 'Nexthink Administrator Abzeichen',
loading: 'lazy',
}, },
}, },
{ {
@@ -180,6 +181,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: NexthinkAssociate, src: NexthinkAssociate,
alt: 'Nexthink Associate Abzeichen', alt: 'Nexthink Associate Abzeichen',
loading: 'lazy',
}, },
}, },
{ {
@@ -189,6 +191,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftAssociate, src: MicrosoftAssociate,
alt: 'Microsoft Certified Associate Abzeichen', alt: 'Microsoft Certified Associate Abzeichen',
loading: 'lazy',
}, },
}, },
{ {
@@ -198,6 +201,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftAssociate, src: MicrosoftAssociate,
alt: 'Microsoft Certified Associate Abzeichen', alt: 'Microsoft Certified Associate Abzeichen',
loading: 'lazy',
}, },
}, },
{ {
@@ -207,6 +211,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: pcep, src: pcep,
alt: 'PCEP™ Zertifizierter Python-Programmierer (Einsteiger) Abzeichen', alt: 'PCEP™ Zertifizierter Python-Programmierer (Einsteiger) Abzeichen',
loading: 'lazy',
}, },
}, },
{ {
@@ -216,6 +221,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftFundamentals, src: MicrosoftFundamentals,
alt: 'Microsoft 365 Fundamentals Abzeichen', alt: 'Microsoft 365 Fundamentals Abzeichen',
loading: 'lazy',
}, },
}, },
{ {
@@ -225,6 +231,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftFundamentals, src: MicrosoftFundamentals,
alt: 'Azure Fundamentals Abzeichen', alt: 'Azure Fundamentals Abzeichen',
loading: 'lazy',
}, },
}, },
]} ]}

View File

@@ -73,7 +73,7 @@ const yearsSince = currentYear - fixedYear;
image={{ image={{
src: HomePageImage, src: HomePageImage,
alt: 'Richard Bergsma smiling in the mountains of Switzerland holding Revella', alt: 'Richard Bergsma smiling in the mountains of Switzerland holding Revella',
loading: 'eager', loading: 'lazy',
}} }}
> >
<Fragment slot="content"> <Fragment slot="content">
@@ -172,6 +172,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: NexthinkAdministrator, src: NexthinkAdministrator,
alt: 'Nexthink Administrator badge', alt: 'Nexthink Administrator badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -181,6 +182,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: NexthinkAssociate, src: NexthinkAssociate,
alt: 'Nexthink Associate badge', alt: 'Nexthink Associate badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -190,6 +192,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftAssociate, src: MicrosoftAssociate,
alt: 'Microsoft Certified Associate badge', alt: 'Microsoft Certified Associate badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -199,6 +202,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftAssociate, src: MicrosoftAssociate,
alt: 'Microsoft Certified Associate badge', alt: 'Microsoft Certified Associate badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -208,6 +212,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: pcep, src: pcep,
alt: 'PCEP™ Certified Entry-Level Python Programmer badge', alt: 'PCEP™ Certified Entry-Level Python Programmer badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -217,6 +222,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftFundamentals, src: MicrosoftFundamentals,
alt: 'Microsoft 365 Fundamentals badge', alt: 'Microsoft 365 Fundamentals badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -226,6 +232,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftFundamentals, src: MicrosoftFundamentals,
alt: 'Azure Fundamentals badge', alt: 'Azure Fundamentals badge',
loading: 'lazy',
}, },
}, },

View File

@@ -74,7 +74,7 @@ const yearsSince = currentYear - fixedYear;
image={{ image={{
src: HomePageImage, src: HomePageImage,
alt: 'Richard Bergsma die glimlacht in de bergen van Zwitserland terwijl hij Revella vasthoudt', alt: 'Richard Bergsma die glimlacht in de bergen van Zwitserland terwijl hij Revella vasthoudt',
loading: 'eager', loading: 'lazy',
}} }}
> >
<Fragment slot="content"> <Fragment slot="content">
@@ -173,6 +173,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: NexthinkAdministrator, src: NexthinkAdministrator,
alt: 'Nexthink Administrator-badge', alt: 'Nexthink Administrator-badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -182,6 +183,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: NexthinkAssociate, src: NexthinkAssociate,
alt: 'Nexthink Associate-badge', alt: 'Nexthink Associate-badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -191,6 +193,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftAssociate, src: MicrosoftAssociate,
alt: 'Microsoft Certified Associate-badge', alt: 'Microsoft Certified Associate-badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -200,6 +203,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftAssociate, src: MicrosoftAssociate,
alt: 'Microsoft Certified Associate-badge', alt: 'Microsoft Certified Associate-badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -209,6 +213,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: pcep, src: pcep,
alt: 'PCEP™ Gecertificeerd Entry-Level Python Programmeur-badge', alt: 'PCEP™ Gecertificeerd Entry-Level Python Programmeur-badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -218,6 +223,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftFundamentals, src: MicrosoftFundamentals,
alt: 'Microsoft 365 Fundamentals-badge', alt: 'Microsoft 365 Fundamentals-badge',
loading: 'lazy',
}, },
}, },
{ {
@@ -227,6 +233,7 @@ const yearsSince = currentYear - fixedYear;
image: { image: {
src: MicrosoftFundamentals, src: MicrosoftFundamentals,
alt: 'Azure Fundamentals-badge', alt: 'Azure Fundamentals-badge',
loading: 'lazy',
}, },
}, },