kforney/kforney.github.io
1
0
Fork 0
mirror of https://github.com/kforney/kforney.github.io.git synced 2024-11-14 11:00:09 -07:00
Code Issues Projects Releases Packages Wiki Activity

Performance enhancements: lossless WebP for background, lazy loading for video thumbnails.

Browse source
This commit is contained in:
Kaj Forney 2023-02-27 12:42:37 -07:00
parent 8f7a17461e
commit ade35bda2d
Signed by: kforney
GPG key ID: 3AB4E2E04CEF656F
4 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/main.css
View file

@ -107,7 +107,7 @@ body, html {
body { body {
background-color: #161A25; background-color: #161A25;
background-image: url("/img/branding/backgroundSmall.png"); background-image: url("/img/branding/backgroundSmall.webp");
} }
a { a {

BIN
img/branding/LunarPenguin_newPalette_transparency_brightDiamond.webp
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/branding/backgroundSmall.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 263 KiB

1
index.html
View file

@ -461,6 +461,7 @@
let image = new Image(); let image = new Image();
image.src = source; image.src = source;
image.alt = "YouTube thumbnail image."; image.alt = "YouTube thumbnail image.";
image.loading = "lazy";
image.addEventListener("load", function () { image.addEventListener("load", function () {
youtube[i].appendChild(image); youtube[i].appendChild(image);
}(i)); }(i));