Shellnut_Public/personal-website-sveltekit
1
0
Fork 0
mirror of https://github.com/BradNut/personal-website-sveltekit synced 2025-09-08 23:20:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding eager to images at the top of the fold.

Browse source
This commit is contained in:
Bradley Shellnut 2023-02-16 22:54:49 -08:00
parent d819af52b4
commit 370db0e092
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/routes/portfolio/+page.svelte
View file

@ -48,8 +48,8 @@
<div class="gridItemStyles"> <div class="gridItemStyles">
<div> <div>
<h2>Personal Website</h2> <h2>Personal Website</h2>
<div> <div style="min-width: 200px; min-height: 500px;">
<Picture placeholder={personalSiteBlurred} src="images/Bradley_Shellnut_New_Site.png" alt="Home Page of bradleyshellnut.com"> <Picture placeholder={personalSiteBlurred} src="images/Bradley_Shellnut_New_Site.png" alt="Home Page of bradleyshellnut.com" loading="eager">
{#each personalSite as { src, format }} {#each personalSite as { src, format }}
<source data-srcset={src} type="image/{format}" /> <source data-srcset={src} type="image/{format}" />
{/each} {/each}

6
src/routes/uses/+page.svelte
View file

@ -5,7 +5,9 @@
import desktopBlurred from '$lib/assets/images/Desktop_so_clean.jpg?w=100&jpg&blur=10'; import desktopBlurred from '$lib/assets/images/Desktop_so_clean.jpg?w=100&jpg&blur=10';
</script> </script>
<SEO title="Uses" /> <svelte:head>
<title>Uses | Bradley Shellnut</title>
</svelte:head>
<div class="uses"> <div class="uses">
<div> <div>
@ -44,7 +46,7 @@
<div style="display: grid; grid-template-columns: minmax(400px, 0.65fr); justify-content: center; margin-bottom: 2rem;"> <div style="display: grid; grid-template-columns: minmax(400px, 0.65fr); justify-content: center; margin-bottom: 2rem;">
<figure> <figure>
<div> <div>
<Picture placeholder={desktopBlurred} src="images/Desktop_so_clean.jpg" alt="Clean desk with Samsung monitor and Ducky Keyboard"> <Picture placeholder={desktopBlurred} src="images/Desktop_so_clean.jpg" alt="Clean desk with Samsung monitor and Ducky Keyboard" loading="eager">
{#each desktop as { src, format }} {#each desktop as { src, format }}
<source data-srcset={src} type="image/{format}" /> <source data-srcset={src} type="image/{format}" />
{/each} {/each}