Here’s a neat idea from Tim Kadlec. He uses the Modheader extension to toggle custom headers in his browser. It also lets him see when images are too big and need to be optimized in some way. This is a great way to catch issues like this in a local environment because browsers will throw an error and won’t display them at all!… Read article “In-Browser Performance Linting With Feature Policies”
Workflow Considerations for Using an Image Management Service
There are all these sites out there that want to help you with your images. They do things like optimize your images and help you serve them performantly.
That's a very good thing. By any metric, images are a major slice of the resources on websites, and we're notoriously bad at optimizing them and doing all the things we could to lower the performance hit from them. So you use some service to help you deliver images better. Smart. Many of them will make managing and optimizing images a lot easier. But I don't consider them a no-brainer. There is a lot to think about, like making choices that don't paint you into a corner.
Automatically compress images on Pull Requests
Chris Coyier
Sarah introduced us to GitHub Actions right after it dropped about a year ago. Now they have improved the feature and are touting its CI/CD abilities. Run tests, do deployment, do whatever stuff computers do! It’s essentially a YAML file that says run this, then this, then this, etc., with configuration.
GitLab kinda paved the way on this particular feature, although you don’t get the machines for free on GitLab, nor does it seems like there is an … Read article “Automatically compress images on Pull Requests”
Weekly Platform News: Mozilla WebThings, Internet Explorer mode, GraphQL
In this week's news: Mozilla WebThings provides complete privacy for user data, an Internet Explorer mode is coming to Edge, and other interesting articles.
Five interesting ways to use Sanity.io for image art direction
When we saw Chris put up a list of cloud-hosted data-stores, we couldn’t resist letting him know that we also had one of those, only ours is a fully featured CMS that come with a rich query language and an open source, real time, collaborative authoring tool that you can tailor to your specific needs using React. It’s called Sanity.io.
“Add us to your list!” we asked Chris. “No, your stuff is interesting, can’t you write about you… Read article “Five interesting ways to use Sanity.io for image art direction”
The Four Big Ways Jetpack Helps with Image Performance
We’ve been working with Jetpack around here as a sponsor. It’s a great match because as someone with a bunch of self-hosted WordPress sites, Jetpack is one of those no-brainer plugins for me. Jetpack can do a ton of good things for any site in a variety of very different ways. Here’s one way to think about it: it brings the power of WordPress’ own massive servers to you.
For now, let’s just focus on one angle of what … Read article “The Four Big Ways Jetpack Helps with Image Performance”
Comparing Novel vs. Tried and True Image Formats
Popular image file formats such as JPG, PNG, and GIF have been around for a long time. They are relatively efficient and web developers have introduced many optimization solutions to further compress their size. However, the era of JPGs, PNGs, and GIFs may be coming to an end as newer, more efficient image file formats aim to take their place.
We’re going to explore these newer file formats in this post along with an analysis of how they stack up … Read article “Comparing Novel vs. Tried and True Image Formats”
Automatic Image Optimization with Hazel and ImageOptim
I’m forever trying to make my local image workflow easier. I work with images as part of blog posts, images as part of sites I’m working on, images headed to social media… images everywhere. Almost always headed to the web. If we’re taught one thing about images and the web, it’s that they should be optimized.
For me, that means dragging every single image onto ImageOptim before using it. Monotonous repetitive tasks are fertile ground for computerization, so let’s computerize … Read article “Automatic Image Optimization with Hazel and ImageOptim”