Is this page slow to load for you?

[foxmosis]

This is my page that hosts some art for the purpose of being a portfolio.  I built it awhile ago by following a guide, and it's adequate, but it tends to be a bit slow or not load images on my end sometimes and I'm wondering if that's just on my end or if others are experiencing it.


I'm also not super crazy about how the shadowbox looks, I think it's kinda ugly, but I haven't found the sweet spot of something a bit more charming but still formal enough for protentional clients.  Anyways, thanks in advance!

[holly]

Yeah it does like load all the images at different paces, inspecting element shows me that the resolutions are kind of inconsistent, generally images for the web are about 150-500px wide/tall and u have a decent amnt that are 2000px or 1000px, im not sure abt the solutions to this, like if theres a tool that will load lower quality versions of ur art as thumbnails, i know there is some file type (i think its a new version of jpeg) will load lower quality versions of the image when u load in.

[foxmosis]

Yeah it does like load all the images at different paces, inspecting element shows me that the resolutions are kind of inconsistent, generally images for the web are about 150-500px wide/tall and u have a decent amnt that are 2000px or 1000px, im not sure abt the solutions to this, like if theres a tool that will load lower quality versions of ur art as thumbnails, i know there is some file type (i think its a new version of jpeg) will load lower quality versions of the image when u load in.

I KNEW IT i was just hoping i was wrong lol

All right, I guess I gotta figure out a way to optimize it.  Honestly I would rather there just be thumbnails that when clicked on would open a whole new page with just the art but that might be too unruly.  I'll look into the newer JPEG version as a possible solution, thank you for that info!

[Melooon]

will load lower quality versions of the image when u load in

I think what you're describing is called Progressive JPEG! And it's good advice! There are a few threads on the forum if you search "Image Compression" like this one: https://forum.melonland.net/index.php?topic=1398 - they will list some tools you can use to compress images and enable progressive mode.

As for the page itself, I really like the design, it's not tooo slow for me, but it is noticeably unoptimised. Just using an image compressor would really help.

[Commodorn]

I'm also not super crazy about how the shadowbox looks, I think it's kinda ugly, but I haven't found the sweet spot of something a bit more charming but still formal enough

Maybe something like this would fit the bill?

Code

img.hover-shadow {
  /*DEACTIVATED transition: 0.3s;*/
}

.hover-shadow:hover {
  /*DEACTIVATED box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  filter: sepia(100%) hue-rotate(200deg) saturate(5);
}

You might see why I deactivated the transition animation if you see what the filter effect looks like with it. Ouch.

[foxmosis]

As for the page itself, I really like the design, it's not tooo slow for me, but it is noticeably unoptimised. Just using an image compressor would really help.

It's something I'll play around with!  There's a lot of little things I wanna tweak about my website but I know that this is probably the thing I should knock out of the way first.

Maybe something like this would fit the bill?

oh that's sick You cool if I use this one my site with a proper credit?

[Commodorn]

oh that's sick You cool if I use this one my site with a proper credit?

Absolutely! You don't need to credit me, though-- it's simple enough.

I just realized that you have identical styles both in an external CSS file and in the html file for the page, so you might want to set transition and box-shadow to none!important in the html file (if you want either of those blocked JUST for that page). You can just remove the none!important if you want one back.

Not the most proper way to do that, honestly, butAHA.. oh well. You don't have to bring all of the images over to a new img class that way, but you may want to in the future.